Update samy.css

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%;
 }