temp: Various iOS-related visual fixes

TODO: search, container width

TODO: check for incorrect evaluation of 'flex: 1'

src/less/blocks/header.less

@@ -41,7 +41,10 @@
 .header__corner {
   display: flex;
   width: 60px;
-  height: 100%;
+
+  // height: 100%;
+  height: 60px;
+
   align-items: center;
   justify-content: center;
 

src/less/blocks/page.less

@@ -107,6 +107,7 @@
 
   @media @fluidDesktopNarrow {
     flex-basis: 1024px;
+    overflow-x: hidden; // alt sidebar overflow issue
   }
 
   @media @fluidDesktopStandard {
@@ -170,6 +171,11 @@
   flex-wrap: wrap;
   margin: auto;
 
+  // alt sidebar issue
+  @media (min-width: 1024px) {
+    flex-wrap: nowrap;
+  }
+
   &-up {
     position: relative;
     z-index: 10;
@@ -263,22 +269,32 @@
 }
 
 .page__content {
-  flex: 1;
+  flex-grow: 1;
+  flex-shrink: 1;
   padding: 0 0 @doubleSpace 0;
+  max-width: 320px;
+  width: 320px;
+
+  @media @fluidMobileWide {
+    max-width: 294px;
+  }
+
+  @media @fluidMobileMaxWide {
+    max-width: 360px;
+  }
 
   @media @fluidTablet {
-    // flex: none;
-    width: 570px;
+    max-width: 550px;
   }
 
   @media @fluidDesktopNarrow, @fluidDesktopStandard, @fluidDesktopWider {
-    //flex: none;
-    width: 580px;
+    max-width: 580px;
   }
 
   @media @fluidDesktopWide {
     flex: none;
     width: 740px;
+    max-width: 740px;
   }
 }
 

src/less/blocks/search.less

@@ -53,7 +53,9 @@
 }
 
 .search__input {
-  width: 340px;
+  // width: 340px;
+  width: 100%;
+
   background: none;
   border: none;
   padding-left: @space;