Finished up implementing channel-based user bans.

www/css/adminPanel.css

@@ -19,8 +19,9 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     flex-direction: column;
 }
 
-.admin-list-div{
-    margin: 0 30%;
+.admin-panel-container-div{
+    margin: 0 auto;
+    max-width: 100%;
 }
 
 .admin-list-field{
@@ -94,14 +95,14 @@ img.admin-list-entry-item{
     text-align: center;
 }
 
-#new-rank-span{
+.admin-list-new-span{
     display: flex;
     padding: 0 1em;
     height: 1.5em;
     margin-bottom: 1em;
 }
 
-#new-rank-input{
+.admin-list-new-input{
     flex-grow: 1;
 }
 
@@ -113,4 +114,21 @@ img.admin-list-entry-item{
 .admin-user-list-icon{
     cursor: pointer;
     margin: 0 0.2em;
+}
+
+#new-ban-button{
+    margin: auto;
+    height: 1.5em;
+}
+
+#channel-delete{
+    margin: auto auto 2em;
+}
+
+#admin-ban-list-entry-expiration-type-title{
+    width: 8em;
+}
+
+#admin-ban-list-entry-expiration-date-title{
+    width: 11em;
 }

www/css/theme/movie-night.css

@@ -28,6 +28,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     --accent0: rgb(48, 47, 47);
     --accent0-alt0: rgb(34, 34, 34);
     --accent0-warning: firebrick;
+    --accent0-warning-alt0: rgb(121, 11, 11);
     --accent1: rgb(245, 245, 245);
     --accent1-alt0: rgb(185, 185, 185);
     --accent2: var(--accent0-alt0);
@@ -130,8 +131,18 @@ a#account-settings-delete-link{
     color: var(--accent0-warning);
 }
 
-#channel-delete{
-    color: var(--accent0-warning);
+#channel-delete, #ban-popup-ban-button, #new-ban-button{
+    background-color: var(--accent0-warning);
+    color: var(--accent1);
+}
+
+#channel-delete:hover, #ban-popup-ban-button:hover, #new-ban-button:hover{
+    background-color: var(--accent0-warning-alt0);
+}
+
+#channel-delete:active, #ban-popup-ban-button:active, #new-ban-button:active{
+    background-color: var(--accent0-warning-alt0);
+    color: var(--accent1-alt0);
 }
 
 .admin-list-field,.admin-list-table{
@@ -265,20 +276,20 @@ select.panel-head-element{
     border-bottom: solid 1px var(--accent0);
 }
 
-#new-rank-span{
+.admin-list-new-span{
     background-color: white;
     border-radius: 1em;
 }
 
-#new-rank-span:focus-within{
+.admin-list-new-span:focus-within{
     box-shadow: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0);
 }
 
-#new-rank-input{
+.admin-list-new-input{
     border: none;
 }
 
-#new-rank-input:focus{
+.admin-list-new-input:focus{
     border: none;
     outline: none;
 }
@@ -294,9 +305,4 @@ select.panel-head-element{
     color: var(--accent1);
     box-shadow: 3px 3px 1px var(--bg1-alt0) inset;
     border-radius: 1em;
-}
-
-#ban-popup-ban-button{
-    background-color: var(--accent0-warning);
-    color: var(--accent1);
 }