From f093aa5bce455510bf7e05185282ef4d78e9b251 Mon Sep 17 00:00:00 2001
From: Griffin Smith <grfn@gws.fyi>
Date: Sat, 25 Dec 2021 16:28:06 -0500
Subject: feat(grfn/bbbg): Add basic signup form styles

Change-Id: Ifd7a7f329b77a671642ed0940d2e9dce1f8d0d82
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4623
Tested-by: BuildkiteCI
Reviewed-by: grfn <grfn@gws.fyi>
Autosubmit: grfn <grfn@gws.fyi>
---
 users/grfn/bbbg/src/bbbg/handlers/signup_form.clj | 18 +++++++++---------
 users/grfn/bbbg/src/bbbg/styles.clj               | 22 ++++++++++++++++++++++
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/users/grfn/bbbg/src/bbbg/handlers/signup_form.clj b/users/grfn/bbbg/src/bbbg/handlers/signup_form.clj
index 63218eb82a57..58538716ba08 100644
--- a/users/grfn/bbbg/src/bbbg/handlers/signup_form.clj
+++ b/users/grfn/bbbg/src/bbbg/handlers/signup_form.clj
@@ -25,15 +25,15 @@
      :disabled "disabled"}
     [:input#event-id {:type "hidden" :name "event_id" :value (::event/id event)}]
     [:input#attendee-id {:type "hidden" :name "attendee_id"}]
-    [:label "Name"
-     [:input#name-autocomplete
-      {:type "search"
-       :name "name"
-       :spellcheck "false"
-       :autocorrect "off"
-       :autocomplete "off"
-       :autocapitalize "off"
-       :maxlength "2048"}]]
+    [:input#name-autocomplete
+     {:type "search"
+      :title "Name"
+      :name "name"
+      :spellcheck "false"
+      :autocorrect "off"
+      :autocomplete "off"
+      :autocapitalize "off"
+      :maxlength "2048"}]
     [:input {:type "submit"
              :value "Sign In"
              :disabled "disabled"}]]])
diff --git a/users/grfn/bbbg/src/bbbg/styles.clj b/users/grfn/bbbg/src/bbbg/styles.clj
index fd341a62dd5b..61e1132b4068 100644
--- a/users/grfn/bbbg/src/bbbg/styles.clj
+++ b/users/grfn/bbbg/src/bbbg/styles.clj
@@ -211,6 +211,27 @@
     [(& active)
      {:background-color (color/lighten blue 30)}]]])
 
+(defstyles signup-page
+  [:.signup-page
+   {:margin "1rem"}
+   (not-mobile
+    {:width content-width
+     :margin "1rem auto"})]
+
+  [:#signup-form
+   {:display :flex
+    :flex-direction :row
+    :width "100%"}
+
+   [:*
+    {:flex 1}]
+
+   [:*+*
+    {:margin-left "1rem"}]
+
+   [(attr= "type" "submit")
+    {:flex 0}]])
+
 (defstyles styles
   forms
   tables
@@ -219,6 +240,7 @@
   search-form
   flash
   home-page
+  signup-page
 
   [:body
    {:color black}]
-- 
cgit 1.4.1