[frontend/css] Various style improvements

Iceshrimp.Frontend/Components/BannerContainer.razor.css

@@ -4,9 +4,9 @@
     right: 1rem;
     background-color: var(--background-color);
     border: solid var(--highlight-color) 0.05rem;
-    border-radius: 1rem;
-    padding: 0.5rem 1rem;
-    z-index: +1;
+    border-radius: 1.5rem;
+    padding: 0.25rem 0.5rem;
+    z-index: +7;
     display: flex;
     flex-direction: column;
     align-items: center;

Iceshrimp.Frontend/Components/Compose.razor.css

@@ -5,6 +5,7 @@
     padding: 1rem;
     max-width: 45rem;
     color: var(--font-color);
+    border: solid var(--highlight-color) 0.05rem;
 }
 
 .compose input {

Iceshrimp.Frontend/Components/NotificationList.razor.css

@@ -5,6 +5,7 @@
     width: 100%;
     overflow-x: auto;
     overscroll-behavior-y: contain;
+    padding-top: 0.5rem;
 }
 
 .wrapper {

Iceshrimp.Frontend/Layout/MainLayout.razor.css

@@ -34,7 +34,7 @@
     padding-right: 1rem;
     position: sticky;
     top: 0;
-    z-index: +2;
+    z-index: +6;
 
     i {
         padding-right: 0.5rem;

Iceshrimp.Frontend/Layout/SettingsLayout.razor.css

@@ -2,7 +2,6 @@
     .input {
         display: block;
         background-color: var(--foreground-color);
-        border: none;
         outline: none;
         width: 100%;
         border-radius: 0.5rem;

Iceshrimp.Frontend/Layout/Sidebar.razor.css

@@ -55,6 +55,13 @@
 
 .header {
     height: 5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.avatar {
+    cursor: pointer;
 }
 
 .sidebar-btn {
@@ -121,14 +128,6 @@
     .bottom-bar {
         display: none;
     }
-    .header {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    .avatar {
-        cursor: pointer;
-    }
 }
 
 @media (max-width: 1000px) {

Iceshrimp.Frontend/Pages/Login.razor.css

@@ -16,13 +16,13 @@
 }
 
 .dialog {
+    background-color: unset;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     position: fixed;
     margin: auto;
-    background-color: unset;
     z-index: +11;
 }
 
@@ -34,7 +34,7 @@
     height: 100vh;
     top: 0;
     left: 0;
-    z-index: -2
+    z-index: -2;
 }
 
 .dialog-content {
@@ -48,6 +48,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    background-color: var(--background-color);
+    border: solid var(--highlight-color) 0.05rem;
 }
 
 .header {

Iceshrimp.Frontend/Pages/Register.razor.css

@@ -12,7 +12,7 @@
 }
 
 input:invalid {
-    border: 0.1rem solid var(--highlight-color);
+    border: 0.05rem solid var(--highlight-color);
 }
 
 .logo {

Iceshrimp.Frontend/wwwroot/css/app.css

@@ -127,7 +127,7 @@ button {
 input, textarea, select {
     display: block;
     background-color: var(--foreground-color);
-    border: none;
+    border: solid var(--highlight-color) 0.05rem ;
     outline: none;
     max-width: 50em;
     border-radius: 0.5em;