Fix detailPagePrimaryContainer style

src/css/librarybrowser.css

@@ -233,6 +233,7 @@
 }
 
 @media all and (min-width:40em) {
+
     .dashboardDocument .adminDrawerLogo,
     .dashboardDocument .mainDrawerButton {
         display: none !important
@@ -448,14 +449,22 @@
 
 .detailPagePrimaryContainer {
     display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
     align-items: center;
+    flex-flow: row wrap;
+    align-content: center;
     position: sticky;
     top: 0;
     z-index: 2;
 }
 
+.infoWrapper {
+    margin: 1.25em 0 0;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1 0 0;
+}
+
 .layout-tv .detailPagePrimaryContainer {
     position: relative;
 }
@@ -479,8 +488,6 @@
 }
 
 .detailImageContainer {
-    margin: 1.25em 0;
-    width: 350px;
     position: sticky;
     top: 15%;
     float: left;
@@ -601,8 +608,14 @@
 
     .detailPagePrimaryContainer {
         display: flex;
+        align-items: center;
         justify-content: center;
-        flex-wrap: wrap;
+    }
+
+    .infoWrapper {
+        text-overflow: initial;
+        white-space: normal;
+        flex: initial;
     }
 }
 
@@ -621,7 +634,7 @@
 .detailButton-mobile,
 .mainDetailButtons {
     display: -webkit-box;
-    display: -webkit-flex
+    display: -webkit-flex;
 }
 
 .itemName {