Worked ban frontend and api.

www/css/adminPanel.css

@@ -108,4 +108,9 @@ img.admin-list-entry-item{
 #new-rank-select{
     margin: auto;
     height: 1.3em;
+}
+
+.admin-user-list-icon{
+    cursor: pointer;
+    margin: 0 0.2em;
 }

www/css/global.css

@@ -48,4 +48,43 @@ p.navbar-item, input.navbar-item{
 
 .navbar-item input{
     padding: 0.2em;
+}
+
+.popup-backer{
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+}
+
+.popup-div{
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    margin: auto;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    height: fit-content;
+    width: fit-content;
+}
+
+.popup-close-icon{
+    text-align: right;
+    position:absolute;
+    right: 0;
+    margin: 0.5em;
+    margin-bottom: 0;
+    cursor: pointer;
+}
+
+.popup-content-div{
+    margin: 1em;
+    padding-top: 0.2em;
+}
+
+.popup-title{
+    margin-top: 0;
 }

www/css/popup/userBan.css

@@ -0,0 +1,13 @@
+.ban-popup-content{
+    display: flex;
+    flex-direction: column;
+}
+
+#ban-popup-button-span{
+    display: flex;
+    flex-direction: row;
+}
+
+#ban-popup-button-span-spacer{
+    flex: 1;
+}

www/css/theme/movie-night.css

@@ -281,4 +281,22 @@ select.panel-head-element{
 #new-rank-input:focus{
     border: none;
     outline: none;
+}
+
+
+.popup-backer{
+    background-color: var(--bg0-alpha1);
+    backdrop-filter: var(--background-panel-effect-fast);
+}
+
+.popup-div{
+    background-color: var(--bg1);
+    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);
 }