Fix layout button styling

2021-11-10 17:03:32 -08:00
parent dc57166229
commit 4c7c3e2cd3
6 changed files with 22 additions and 29 deletions
--- a/src/Header.module.css
+++ b/src/Header.module.css
@@ -27,6 +27,14 @@
  display: flex;
 }

+.rightNav > * {
+  margin-right: 24px;
+}
+
+.rightNav > :last-child {
+  margin-right: 0;
+}
+
 .userName {
  font-weight: 600;
  margin-right: 8px;
@@ -44,8 +52,8 @@
  flex-shrink: 0;
 }

-@media(min-width: 800px) {
+@media (min-width: 800px) {
  .header {
    height: 98px;
  }
-}
+}