feat: setting header to 70px and aligning item correctly

Joeu · Joeu · commit d86b2b5f6927 · 2025-01-22T16:16:27.000-03:00
diff --git a/layouts/default.html b/layouts/default.html
@@ -22,16 +22,13 @@
 <body class="api">
     <div id="header-wrapper">
       <div id="header">
-        <div>
-          <a class="logo" href="/">
-            <img src="/images/seeclickfix-311-crm-logo.png" height="33px" alt="CivicPlus SeeClickFix 311 CRM" />
-          </a>
-          <ul class="nav">
-            <li><a href="/">v2 (current)</a></li>
-            <li><a href="http://seeclickfix.com" target="_blank">SeeClickFix.com</a></li>
-            <li><a href="http://seeclickfix.com/contact_us" target="_blank">Support</a></li>
-          </ul>
-        </div>
+        <a class="logo" href="/">
+          <img src="/images/seeclickfix-311-crm-logo.png" height="54px" alt="CivicPlus SeeClickFix 311 CRM" />
+        </a>
+        <ul class="nav">
+          <li><a href="http://seeclickfix.com" target="_blank">SeeClickFix.com</a></li>
+          <li><a href="http://seeclickfix.com/contact_us" target="_blank">Support</a></li>
+        </ul>
       </div><!-- #header -->
     </div><!-- #header-wrapper -->
 
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -123,20 +123,26 @@ a img {
 #header-wrapper {
   margin-bottom: 0;
   clear: both;
-  height: 55px;
+  height: 70px;
   background: white url(../images/background-v2.png) 0 0 repeat-x;
   border-bottom: 1px solid #CCC;
 }
 
 #header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
   margin: 0 auto;
   width: 920px;
+  height: inherit;
 }
 
 #header a.logo {
-  float: left;
-  margin-top: 10px;
-  display: inline-block;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
 }
 
 #header ul.nav {
