[#2454] Fixed worker name box not scaling

Author: MPOS123

public/site_assets/bootstrap/css/mpos.css

@@ -584,6 +584,7 @@ div.fade {
 .table > tbody > tr > td
 {
 	padding:4px;  
+        vertical-align: middle;
 }
 
 .panel > .table,
@@ -625,3 +626,37 @@ div.fade {
 }
 
 /* End Footer */
+
+/* EDIT */
+
+.name {
+    float: left;
+    margin-bottom: 0;
+    min-width: 100%;
+    position: relative;
+    width: auto;
+    z-index: 2;
+    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+    display: block;
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    margin-right: 25px;
+}
+
+.name:focus {
+    border-color: #66afe9;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
+    outline: 0 none;
+}
+
+.navbar-right {
+    float: right !important;
+    margin-right: 0;
+}
+
+.clear {
+    padding: 0px;
+}
+
+/* END EDIT */

templates/bootstrap/account/workers/default.tpl

@@ -54,9 +54,9 @@
                {assign var="username" value="."|escape|explode:$WORKERS[worker].username:2} 
                <tr>
                  <td>
-                  <div class="input-group input-group-sm">
+                  <div class="input-group input-group-sm clear">
                     <span {if $WORKERS[worker].hashrate > 0}style="color: orange"{/if} class="input-group-addon">{$username.0|escape}.</span>
-                    <input type="text" name="data[{$WORKERS[worker].id}][username]" value="{$username.1|escape}" size="10" required class="form-control" />
+                    <input type="text" name="data[{$WORKERS[worker].id}][username]" value="{$username.1|escape}" size="10" required class="name" />
                   </div>
                  </td>
                  <td><input class="form-control" type="text" name="data[{$WORKERS[worker].id}][password]" value="{$WORKERS[worker].password|escape}" size="10" required></td>