Fixed header

assets/tailwind.css

@@ -1066,6 +1066,12 @@ html {
   margin-inline-end: -1rem;
 }
 
+.input-sm[type="number"]::-webkit-inner-spin-button {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-end: -0px;
+}
+
 .link {
   cursor: pointer;
   text-decoration-line: underline;
@@ -1141,6 +1147,11 @@ html {
   align-items: center;
 }
 
+.navbar-end {
+  width: 50%;
+  justify-content: flex-end;
+}
+
 .tabs {
   display: grid;
   align-items: flex-end;
@@ -1799,6 +1810,35 @@ input.tab:checked + .tab-content,
   }
 }
 
+.btn-sm {
+  height: 2rem;
+  min-height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+}
+
+.btn-square:where(.btn-sm) {
+  height: 2rem;
+  width: 2rem;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-sm) {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.input-sm {
+  height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 2rem;
+}
+
 .menu-horizontal {
   display: inline-flex;
   flex-direction: row;
@@ -1928,6 +1968,11 @@ input.tab:checked + .tab-content,
   padding-bottom: 1.5rem;
 }
 
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .pt-40 {
   padding-top: 10rem;
 }

src/components/layout/navbar.rs

@@ -12,7 +12,7 @@ pub fn Navbar() -> Element {
             div {
                 class: "flex-none",
                 ul {
-                    class: "menu menu-horizontal px-1",
+                    class: "px-1 py-1",
                     li { a { class: "btn btn-primary", href: "/auth", "Sign In" } },
                 }
             }