potential fix for dropdown arrows, fix buttons on registration

diff --git a/static/css/style.css b/static/css/style.css
index 3e6c247cbe250db347f3c3dc9b8a0ae330398c5d..3e2709dc7567dad32e4ec9f816b16ae9251723f7 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -259,6 +259,11 @@
                width: 100%;
        }
 
+               form input[type=submit] {
+                  width: 16em !important;
+                  margin: 2px 0 !important;
+               }
+
                input[type="text"]:invalid,
                input[type="password"]:invalid,
                input[type="email"]:invalid,
@@ -282,6 +287,40 @@
                position: relative;
        }
 
+               select {
+                 background-image:
+                   linear-gradient(45deg, transparent 50%, gray 50%),
+                   linear-gradient(135deg, gray 50%, transparent 50%),
+                   linear-gradient(to right, #ccc, #ccc);
+                 background-position:
+                   calc(100% - 20px) calc(1em + 2px),
+                   calc(100% - 15px) calc(1em + 2px),
+                   calc(100% - 2.5em) 0.5em;
+                 background-size:
+                   5px 5px,
+                   5px 5px,
+                   1px 1.5em;
+                 background-repeat: no-repeat;
+               }
+
+               select:focus {
+                 background-image:
+                   linear-gradient(45deg, green 50%, transparent 50%),
+                   linear-gradient(135deg, transparent 50%, green 50%),
+                   linear-gradient(to right, #ccc, #ccc);
+                 background-position:
+                   calc(100% - 15px) 1em,
+                   calc(100% - 20px) 1em,
+                   calc(100% - 2.5em) 0.5em;
+                 background-size:
+                   5px 5px,
+                   5px 5px,
+                   1px 1.5em;
+                 background-repeat: no-repeat;
+                 border-color: green;
+                 outline: 0;
+               }
+
                .select-wrapper:before {
                        content: "";
                        -moz-osx-font-smoothing: grayscale;