feat: proper logo sizing and view toggle alignment

ubiquity · Dec 1, 2024 · 1b1fd27 · 1b1fd27
1 parent 06819f0
commit 1b1fd27
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -390,10 +390,9 @@
     max-height: 48px;
   }
   #authenticated > img {
-    border-radius: 50%;
-    padding: 4px 0;
-    height: 40px;
+    height: 35px;
     margin-left: 4px;
+    border-radius: 50%;
   }
   .toolbar[data-authenticated="true"] > #github-login-button {
     display: none;
@@ -786,6 +785,8 @@
     text-rendering: geometricprecision;
     text-transform: uppercase;
     font-size: 16px;
+    display: flex;
+    align-items: center;
   }
   #view-toggle {
     flex: 0 0 auto;

diff --git a/static/style/style.css b/static/style/style.css
@@ -390,10 +390,9 @@
     max-height: 48px;
   }
   #authenticated > img {
-    border-radius: 50%;
-    padding: 4px 0;
-    height: 40px;
+    height: 35px;
     margin-left: 4px;
+    border-radius: 50%;
   }
   .toolbar[data-authenticated="true"] > #github-login-button {
     display: none;
@@ -786,6 +785,8 @@
     text-rendering: geometricprecision;
     text-transform: uppercase;
     font-size: 16px;
+    display: flex;
+    align-items: center;
   }
   #view-toggle {
     flex: 0 0 auto;