other stuff

jgravois · May 12, 2024 · b13abd2 · b13abd2
1 parent c2217bc
commit b13abd2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -53,8 +53,11 @@ export default function Index() {
               <>
                 <p className="header_user">{user.email}</p>
                 <Form action="/logout" method="post">
-                  <button type="submit" className="header_link">
-                    Logout
+                  <button
+                    type="submit"
+                    className="header_link header_link___button"
+                  >
+                    Sign out
                   </button>
                 </Form>
               </>

diff --git a/app/routes/reservations.tsx b/app/routes/reservations.tsx
@@ -36,7 +36,10 @@ export default function ReservationsPage() {
           <div className="header_right">
             <p className="header_user">{user.email}</p>
             <Form action="/logout" method="post">
-              <button type="submit" className="header_link">
+              <button
+                type="submit"
+                className="header_link header_link___button"
+              >
                 Sign out
               </button>
             </Form>

diff --git a/app/styles.css b/app/styles.css
@@ -137,7 +137,10 @@ body {
 }
 
 .header_right {
+  display: flex;
+  flex-direction: column;
   font-size: var(--small-font-size);
+  gap: 10px;
   text-align: right;
 }
 
@@ -154,7 +157,7 @@ body {
 .header_link___button {
   background-color: rgba(255, 255, 255, 0.137);
   border-radius: 10px;
-  padding: 10px 15px;
+  padding: 8px 15px;
   white-space: nowrap;
 }
 
@@ -185,7 +188,6 @@ body {
 
   .header_link___button {
     font-size: var(--small-font-size);
-    padding: 8px 10px;
   }
 }