Issue 4461 - update Eyeo logo

static/css/styles.css

 /*
  * Fonts
  */
 @font-face {
   font-family: "Lato";
   font-style: normal;
   font-weight: 400;
   src: local("Lato Regular"), local("Lato-Regular"), url(/fonts/Lato-Regular.woff) format('woff');
 }
 @font-face {
@@ skipping 108 matching lines @@
 }
 
 #header.top .content-block
 {
   padding: 20px 10px;
 }
 
 #logo
 {
   position: absolute;
+  top: 50%;
   left: 10px;
-  top: 50%;
   margin-top: -20px;
   height: 40px;
 }
 
 #logo img
 {
   height: 100%;
 }
 
 #header .menu-button
@@ skipping 674 matching lines @@
   }
 
   #header .content-block,
   #header.top .content-block
   {
     padding: 9px 10px;
   }
 
   #logo
   {
-    height: 30px;

[saroyanm, 2016/09/27 14:01:56]

This change causes the logo to be overlaped by button on Iphone5

[saroyanm, 2016/09/27 14:04:32]

height: 22px;
margin-top: -11px;

Should fix the issue, I'm not sure how we need to collaborate on same project,
should I upload patch instead of commenting ?

-    margin-top: -15px;
+    top: 14px;
+    margin-top: 0px;
+    height: 22px;
   }
 
   #menu
   {
     display: none;
   }
 
   #menu.open
   {
     display: block;
@@ skipping 87 matching lines @@
     padding-right: .1em;
     border-right-width: 1px;
     border-right-width: 1px;
   }
 
   #panels-openings
   {
     margin-top: -40px;
   }
 }