Merge pull request #11 from NetLogo/small-header-changes

Small header changes

Author: geperez8

src/components/index/styles/introduction.css

@@ -18,22 +18,26 @@
   align-items: center;
   justify-content: space-between;
   gap: 62px;
+
 }
 
 /* Logo Section */
 .intro-logo-section {
   display: flex;
   flex: 1;
   flex-direction: row;
+  max-height: 100%;
 }
 
 .intro-turtles {
   width: 175px;
-  margin-bottom: 0; /* Remove bottom margin */
+  margin-bottom: 0;
+  /* Remove bottom margin */
 }
 
 .intro-logo-text {
-  margin-top: -10px; /* Use negative margin to pull it closer to the turtles */
+  margin-top: -10px;
+  /* Use negative margin to pull it closer to the turtles */
   width: 350px;
 }
 
@@ -65,4 +69,4 @@
   line-height: 150%;
   letter-spacing: 0%;
   text-align: left;
-}
+}

src/components/layout/styles/header.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Dosis:[email protected]&display=swap");
+
 .root {
   --Light-3: #ebebf0;
   --Light-2: #f2f2f5;
@@ -9,8 +10,10 @@
 .netlogo-header {
   width: 100%;
   max-width: 100%;
-  height: 4.5rem;
+  height: 3.5rem;
   background-color: black;
+  display: flex;
+  align-items: center;
   flex-shrink: 0;
   border-bottom: 1px solid var(--Light-3, #ebebf0);
   background: var(--Light-2, #f2f2f5);
@@ -24,14 +27,12 @@
 
 #page-logo {
   width: 175px;
-  margin-top: -10px;
 }
 
 .header-action-bar {
   box-sizing: border-box;
   height: 3rem;
   cursor: default;
-  margin-top: 1rem;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -44,7 +45,7 @@
 .header-action {
   color: var(--Dark-2, #555770);
   font-family: Inter;
-  font-size: 1.25rem;
+  font-size: 1rem;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
@@ -107,7 +108,7 @@
   border-bottom: 1px solid var(--Light-3, #ebebf0);
   background: var(--Light-2, #f2f2f5);
   position: absolute;
-  top: 5.505rem;
+  top: 3.5rem;
   z-index: 1;
   justify-content: center;
   padding-bottom: 1.88rem;
@@ -177,7 +178,8 @@
   margin: auto;
   margin-bottom: 0.81rem;
 }
+
 .not-visible {
   visibility: hidden;
   cursor: default !important;
-}
+}