Fixup css (#205)

* fixup css

* ssh key is monospace

Author: simonLeary42

webroot/css/global.css

@@ -98,14 +98,16 @@ p {
     transform: translateY(-50%);
 }
 
-button.plusBtn {
+button.plusBtn span{
     font-size: 24pt;
-    display: block;
+    font-family: monospace;
+}
+
+button.plusBtn{
     width: 100%;
     max-width: 200px;
     padding: 0;
     overflow: hidden;
-    margin-top: 10px;
 }
 
 /* Form Elements */
@@ -335,4 +337,4 @@ div.searchWrapper>* {
 
 div.searchWrapper>*:hover {
     background: var(--light_panel_background);
-}
+}

webroot/css/tables.css

@@ -16,7 +16,7 @@ table.longTable tr:not(:last-child) {
 
 table tr,
 table td {
-    padding: 8px 20px 8px 4px;
+    padding: 0 20px 0 4px;
     overflow: hidden;
     white-space: nowrap;
 }
@@ -139,4 +139,4 @@ tr.key>td:first-child {
 tr.key>td:last-child {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
-}
+}

webroot/panel/account.php

@@ -92,22 +92,28 @@
 ?>
 
 <h1>Account Settings</h1>
-<hr>
 
+<hr>
 <h5>Account Details</h5>
-
-<p>
-    <strong>Username</strong> <code><?php echo $USER->getUID(); ?></code>
-    <br>
-    <strong>Organization</strong> <code><?php echo $USER->getOrg(); ?></code>
-    <br>
-    <strong>Email</strong> <code><?php echo $USER->getMail(); ?></code>
-</p>
+<table>
+    <tr>
+        <th>Username</th>
+        <td><code><?php echo $USER->getUID(); ?></code></td>
+    </tr>
+    <tr>
+        <th>Organization</th>
+        <td><code><?php echo $USER->getOrg(); ?></code></td>
+    </tr>
+    <tr>
+        <th>Email</th>
+        <td><code><?php echo $USER->getMail(); ?></code></td>
+    </tr>
+</table>
 
 <hr>
-
 <h5>Account Status</h5>
 
+
 <?php
 
 $isActive = count($USER->getGroups()) > 0;
@@ -162,8 +168,8 @@
 ?>
 
 <hr>
-
 <h5>SSH Keys</h5>
+
 <?php
 $sshPubKeys = $USER->getSSHKeys();  // Get ssh public key attr
 
@@ -189,9 +195,10 @@
 
 ?>
 
-<button type="button" class="plusBtn btnAddKey">&#43;</button>
+<button type="button" class="plusBtn btnAddKey"><span>&#43;</span></button>
 
 <hr>
+<h5>Login Shell</h5>
 
 <form action="" method="POST">
 <input type="hidden" name="form_type" value="loginshell" />
@@ -205,9 +212,10 @@
 <br>
 <input id='submitLoginShell' type='submit' value='Set Login Shell' />
 </form>
-<hr>
 
+<hr>
 <h5>Account Deletion</h5>
+
 <?php
 $hasGroups = count($USER->getGroups()) > 0;
 
@@ -234,8 +242,6 @@
 
 ?>
 
-<hr>
-
 <script>
     const sitePrefix = '<?php echo $CONFIG["site"]["prefix"]; ?>';
     const ldapLoginShell = '<?php echo $USER->getLoginShell(); ?>';
@@ -286,6 +292,7 @@ function enableOrDisableSubmitLoginShell() {
         word-break: break-all;
         width: calc(100% - 44px);
         border-radius: 3px 0 0 3px;
+        font-family: monospace;
     }
 </style>
 

webroot/panel/groups.php

@@ -127,10 +127,10 @@
 
 <?php
 if ($SQL->accDeletionRequestExists($USER->getUID())) {
-    echo "<button type='button' class='plusBtn btnAddPI' disabled>&#43;</button>";
+    echo "<button type='button' class='plusBtn btnAddPI' disabled><span>&#43;</span></button>";
     echo "<label>You cannot join a PI while you have requested account deletion.</label>";
 } else {
-    echo "<button type='button' class='plusBtn btnAddPI'>&#43;</button>";
+    echo "<button type='button' class='plusBtn btnAddPI'><span>&#43;</span></button>";
 }
 ?>