diff --git a/amplipi/updater/static/css/styles.css b/amplipi/updater/static/css/styles.css index ed5b3c5e1..8301e691c 100644 --- a/amplipi/updater/static/css/styles.css +++ b/amplipi/updater/static/css/styles.css @@ -9,6 +9,7 @@ } .column-item { + float: left; /* Used to prevent elements from above hanging over the top of the next section */ display: flex; flex-direction: column; justify-content: space-around; @@ -118,34 +119,18 @@ hr { } -.set-password-dialog { +.description-color { color: #aaaaaa !important; } -/* lifted from https://www.w3schools.com/css/css_tooltip.asp */ - -.hover-label { - position: relative; - display: inline-block; - border-bottom: 1px dotted black; +.indent { + padding-left: 35px; } -.hover-label .hover-tooltip{ - top: 100%; - left: 50%; - visibility: hidden; - width: 750px; - max-width: 70vw; - background-color: rgba(100, 100, 100, 1); - color: #ffffff; - text-align: center; - padding: 5px 0; - border-radius: 6px; - - position: absolute; - z-index: 1; -} - -.hover-label:hover .hover-tooltip{ - visibility: visible; +@media (min-width: 768px) { + .pseudo-column { + width: 250px; + margin-right: 55%; + float: right; + } } diff --git a/amplipi/updater/static/index.html b/amplipi/updater/static/index.html index 3412bd7f6..7d52f65aa 100644 --- a/amplipi/updater/static/index.html +++ b/amplipi/updater/static/index.html @@ -198,49 +198,49 @@