diff --git a/samy.css b/samy.css index 0fac084..bddec2b 100644 --- a/samy.css +++ b/samy.css @@ -200,7 +200,7 @@ body { margin-bottom: 8px; } -/* Inputs / buttons in password and dropdown areas */ +/* Datto password + site dropdown (On-Boarding) */ #PasswordContainer, #dattoRmmContainer { margin: 16px 0; @@ -209,15 +209,34 @@ body { background-color: var(--dark-gray-color); border: 1px solid var(--border-color); - /* Never wider than the stack column, but cap at 520px on big screens */ + /* Narrower so it fits under the stack column */ width: calc(25% - 10px); max-width: 480px; - } +/* Printer panels on Devices tab */ +#printerPasswordContainer, +#printerClientContainer, +#printerListContainer { + margin: 16px 0; + padding: 10px 12px; + border-radius: 8px; + background-color: var(--dark-gray-color); + border: 1px solid var(--border-color); + + /* Full width in the Devices tab */ + width: 100%; + max-width: 600px; +} + + + #PasswordContainer input, #PasswordContainer button, -#dattoRmmContainer select { +#dattoRmmContainer select, +#printerPasswordContainer input, +#printerPasswordContainer button, +#printerClientContainer select { background-color: var(--dark-gray-color); color: var(--white-color); border: 1px solid var(--border-color); @@ -226,19 +245,22 @@ body { font-size: 14px; } -/* Password row: input + GO button on one line */ -#PasswordContainer > div { +/* Input + GO button inline rows */ +#PasswordContainer > div, +#printerPasswordContainer > div { display: flex; gap: 6px; } -#PasswordContainer input { +#PasswordContainer input, +#printerPasswordContainer input { flex: 1; min-width: 0; } -/* Dropdown fills the whole panel width */ -#dattoRmmContainer select { +/* Dropdown fills panel width */ +#dattoRmmContainer select, +#printerClientContainer select { width: 100%; }