Finished up cleaning css.

www/css/adminPanel.css

@@ -14,7 +14,7 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 
-.admin-list-field, .admin-list-div{
+.admin-list-div{
     display: flex;
     flex-direction: column;
 }
@@ -24,18 +24,6 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     max-width: 100%;
 }
 
-.admin-list-field{
-    padding: 1em 15%;
-}
-
-.admin-list-entry{
-    text-align: center;
-}
-
-.admin-list-entry-large{
-    text-align: left;
-}
-
 .admin-list-entry-img-title{
     width: 1.5em;
 }

www/css/global.css

@@ -26,12 +26,23 @@ body{
     flex-direction: column;
     
 }
+
+form{
+    display: flex;
+    flex-direction: column;
+}
+
 table{
     border-spacing: 0px;
 }
 
 td{
     padding: 0.3em 1em;
+    text-align: center;
+}
+
+td.large{
+    text-align: left;
 }
 
 div.control-prompt{

www/css/theme/movie-night.css

@@ -132,6 +132,17 @@ button:active{
     background-color: var(--focus0-alt1);
 }
 
+table, form{
+    background-color: var(--bg1);
+    color: var(--accent1);
+    box-shadow: 3px 3px 1px var(--bg1-alt0) inset;
+    border-radius: 1em;
+}
+
+form{
+    padding: 1em;
+}
+
 tr{
     box-shadow: var(--accent1) 0px 1em 1px -2em, var(--accent1) 0px -1em 1px -1em;
 }
@@ -140,11 +151,8 @@ td.not-first-col{
     box-shadow: var(--accent1) 1em 0px 1px -2em, var(--accent1) -1em 0px 1px -1em;
 }
 
-.admin-list-field,.admin-list-table{
-    background-color: var(--bg1);
+a.admin-list-entry-item{
     color: var(--accent1);
-    box-shadow: 3px 3px 1px var(--bg1-alt0) inset;
-    border-radius: 1em;
 }
 
 div.control-prompt{
@@ -176,7 +184,6 @@ input.control-prompt, input.control-prompt:focus{
 }
 
 /* index */
-
 .channel-guide-entry{
     background-color: var(--bg1);
     color: var(--accent1);
@@ -203,15 +210,6 @@ p.channel-guide-entry-item{
     background-color: var(--bg1-alt0);
 }
 
-/* channel settings/admin panel mixed */
-a.admin-list-entry-item{
-    color: var(--accent1);
-}
-
-a:hover.admin-list-entry-item{
-    color: var(--accent1-alt0);
-}
-
 /* channel */
 #media-panel-div{
     background-color: black;

www/js/adminPanel.js

@@ -268,7 +268,7 @@ class adminUserBanList{
     }
 
     clearBanList(){
-        const oldRows = this.table.querySelectorAll('tr.admin-list-entry');
+        const oldRows = this.table.querySelectorAll('tr.gen-row');
         oldRows.forEach((row) => {
             row.remove();
         });
@@ -330,8 +330,8 @@ class adminUserBanList{
             //append img cell to row
             entryRow.appendChild(utils.ux.newTableCell(imgNode, true));
 
-            //Append standard cells to row
-            [
+            //Generate and append row to table
+            this.table.appendChild(utils.ux.newTableRow([
                 ban.user.id,
                 ban.user.user,
                 signUpDateString,
@@ -339,15 +339,7 @@ class adminUserBanList{
                 expirationDateString,
                 banActionString,
                 (ban.user.deleted ? unbanIcon : [unbanIcon, nukeAccount])
-            ].forEach((content)=>{
-                //I don't like repeating myself, and this didn't really need it's own function
-                //though we could make one where each is an object that contains ever property needed and pass it to a mktable function
-                //I just don't see us using it enough to justify it :P
-                entryRow.appendChild(utils.ux.newTableCell(content));
-            });
-
-            //Append row to table
-            this.table.appendChild(entryRow);
+            ]));
         });
     }
 }

www/js/channelSettings.js

@@ -130,7 +130,7 @@ class rankList{
 
     clearTable(){
         //get all non-title table rows
-        const rows = this.table.querySelectorAll("tr.admin-list-entry");
+        const rows = this.table.querySelectorAll("tr.gen-row");
 
         //for each row
         rows.forEach((row) => {
@@ -161,7 +161,7 @@ class banList{
     }
 
     clearList(){
-        const oldRows = this.table.querySelectorAll('tr.admin-list-entry');
+        const oldRows = this.table.querySelectorAll('tr.gen-row');
         oldRows.forEach((row) => {
             row.remove();
         });

www/js/utils.js

@@ -39,7 +39,6 @@ class canopyUXUtils{
     newTableCell(content, firstCol = false){
         //Create a new 'td' element
         const cell = document.createElement('td');
-        cell.classList.add("admin-list-entry","admin-list-entry-item");
 
         //If it's not the first column, mention it!
         if(!firstCol){
@@ -78,7 +77,8 @@ class canopyUXUtils{
     newTableRow(cellContent){
         //Create an empty table row to hold the cells
         const entryRow = document.createElement('tr');
-        entryRow.classList.add("admin-list-entry");
+
+        entryRow.classList.add("gen-row");
 
         entryRow.appendChild(this.newTableCell(cellContent[0], true));