Fix form styling
Committed 57db29
Input/textarea borders are uniform
Color border of focused elements
Textarea is 100% width
Buttons are right aligned
Secondary submit buttons are orange
--- a/canopy/static/screen.css
+++ b/canopy/static/screen.css
input, textarea {
background-color: #073642;
- border: 0;
- border-radius: .25em;
+ border: .25em solid #073642;
+ border-radius: .5em;
color: #93a1a1; }
+input:focus, textarea:focus {
+ border-color: #2aa198;
+ outline: none;
+}
input {
padding: .16em .32em; }
input[type=text] {
color: #b58900;
font-size: .7em }
textarea {
- padding: .5em; }
+ border: .25em solid #073642;
+ border-radius: .5em;
+ padding: .25em;
+ resize: vertical;
+ width: calc(100% - 1em);
+}
+
+div.buttons {
+ text-align: right;
+}
button {
background-color: #586e75;
border: 0;
border-radius: .25em;
color: #002b36;
- font-size: .7em;
- text-transform: uppercase; }
+ font-family: UbuntuMonoPowerline;
+ letter-spacing: .05em;
+ opacity: 80%;
+ padding: .25em .5em;
+ text-transform: uppercase;
+}
+button:hover {
+ opacity: 100%;
+}
button[type=submit] {
background-color: #859900;
- opacity: 80%; }
-button[type=submit]:hover {
- opacity: 100%; }
-label.bounding {
- display: block; }
+}
+button.secondarysubmit {
+ background-color: #cb4b16;
+}
form#search {
line-height: 1.15; }