diff --git a/webui.dev/style.css b/webui.dev/style.css index 10d6d22..dd98fae 100644 --- a/webui.dev/style.css +++ b/webui.dev/style.css @@ -561,6 +561,36 @@ div.display { flex-direction: column; } +label.input-with-icons { + border: 1px solid #ccc; + display: flex; + flex-direction: row; + align-items: center; +} + +label.input-with-icons input { + border: 0; + padding: .6em; + flex-grow: 1; +} + +label.input-with-icons svg { + font-size: 1.5em; +} + +label.input-with-icons button { + border: 0; + background-color: transparent; + padding-top: 0; + padding-bottom: 0; + box-shadow: none; + transition: color .3s ease; +} + +label.input-with-icons button:disabled { + display: none; +} + #content-login hr { border: 0; border-top: 1px dashed #ccc; @@ -594,36 +624,6 @@ div.display { vertical-align: middle; } -label.input-with-icons { - border: 1px solid #ccc; - display: flex; - flex-direction: row; - align-items: center; -} - -label.input-with-icons input { - border: 0; - padding: .6em; - flex-grow: 1; -} - -label.input-with-icons svg { - font-size: 1.5em; -} - -label.input-with-icons button { - border: 0; - background-color: transparent; - padding-top: 0; - padding-bottom: 0; - box-shadow: none; - transition: color .3s ease; -} - -label.input-with-icons button:disabled { - display: none; -} - @media screen and (width <= 600px) { fieldset { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));