diff --git a/static/css/main.css b/static/css/main.css index 7fd828e..77bc465 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -83,7 +83,7 @@ input[type=text] { padding: 0px; width: 100%; height: 36px; - padding: 8px 12px; + padding: 8px 0px; border: none; max-width: 600px; color: white; @@ -121,6 +121,76 @@ input[type=text] { font-family: 'main'; } +.be-gui-form { + display: flex; + flex-direction: column; + margin: 12px 0px; +} + +.be-gui-form label, +.be-gui-form input { + display: block; + width: 100; +} + +.be-gui-form label { + text-transform: uppercase; + font-weight: bold; + margin-bottom: 4px; +} + +.be-gui-form input { + margin-bottom: 12px; + height: 24px; +} + +.be-gui-form-inline { + display: inline; +} + +.be-gui-form input[type=checkbox] { + display: inline; +} + +.be-gui-form input[type=file] { + padding: 12px; +} + +.be-gui-form-hint { + font-style: italic; + font-size: 12px; + padding: 0px; + margin: 0px; +} + +.be-gui-form-row { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + margin: 0px; + padding: 0px; +} + +.be-gui-form-row input, +.be-gui-form-row label { + margin: 0px 5px 0px 0px; + padding: 0px; +} + +.be-gui-form-thumbnail { + max-height: 80px; + margin: 12px; + box-shadow: 1px 1px 7px 1px silver; + +} + +.be-gui-form-row input[type=text] { + height: 30px; + padding: 4px; + width: 100%; +} + .be-site-header { display: flex; flex-direction: row; @@ -356,6 +426,7 @@ input[type=text] { display: flex; flex-direction: row; flex-wrap: wrap; + align-items: center; } .be-quicklist .be-gui-link {