Fixed a lot of responsive problems.

- Fixed auth problem
- Fixed BBCode and Markdown apparition in some unnecessary parts

resources/css/components/database.css

@@ -227,8 +227,10 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    flex-wrap: wrap;
     gap: 4px;
     margin-top: 20px;
+    width: 100%;
 
     .btn {
         min-width: 36px;
@@ -255,18 +257,20 @@
 }
 
 @media (max-width: 900px) {
-    .database-layout {
-        flex-direction: column;
-    }
-
     .database-wrapper {
         flex-direction: column;
+        width: 100%;
     }
 
     .database-filters {
         width: 100%;
         display: grid;
-        grid-template-columns: repeat(2,1fr);
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .database-results {
+        width: 100%;
+        min-width: 0;
     }
 
     .database-filter-group:last-child {
@@ -286,13 +290,32 @@
         flex-wrap: wrap;
     }
 
+    .filter-bar {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .filter-bar .filter-bar-search {
+        max-width: none;
+        flex: initial;
+        width: 100%;
+    }
+
+    .filter-bar .btn {
+        width: 100%;
+        justify-content: center;
+    }
+
     .database-wrapper {
         flex-direction: column;
         gap: 15px;
+        width: 100%;
     }
 
     .database-filters {
-        width: 100%;
+        width: min(100%, 420px);
+        max-width: 420px;
+        margin: 0 auto;
         grid-template-columns: 1fr;
         order: -1;
         margin-bottom: 10px;
@@ -303,7 +326,7 @@
     }
 
     .grid-entries {
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 15px;
     }
 }
@@ -311,6 +334,20 @@
 @media (max-width: 600px) {
     .database-search {
         flex-direction: column;
+        align-items: stretch;
+    }
+
+    .filter-bar {
+        padding: 12px;
+    }
+
+    .filter-bar .filter-bar-search {
+        max-width: none;
+    }
+
+    .filter-bar .btn {
+        width: 100%;
+        justify-content: center;
     }
 
     .database-filters {
@@ -318,7 +355,7 @@
     }
 
     .grid-entries {
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
     }