updated css

py/static/styles.css

@@ -157,7 +157,11 @@ header a:hover {
 }
 
 .models form {
-    padding: 0;
+    padding-right: 10px;
+    padding-left: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .models .titel {
@@ -171,6 +175,7 @@ header a:hover {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 1.5vh;
+    width: fit-content;
     /* height: calc(100% - 2em); */
 }
 
@@ -188,7 +193,6 @@ header a:hover {
     position: relative;
     height: 18vh;
     width: 18vh;
-    margin: auto;
 }
 
 .overlay {
@@ -210,6 +214,16 @@ header a:hover {
     font-size: xx-large;
 }
 
+.overlay img {
+    align-self: flex-end;
+    justify-self: end;
+    height: 3vh;
+    width: 3vh;
+    position: absolute;
+    right: 15px;
+    bottom: 15px;
+}
+
 .model-box:hover .overlay {
     opacity: 1;
 }
@@ -441,13 +455,14 @@ header a:hover {
 
 ::-webkit-scrollbar {
     width: 7px;
-    margin-left: 10px;
 }
 
 ::-webkit-scrollbar-track {
     background-color: var(--scrollbar-track);
     border-radius: 5px;
     overflow: hidden;
+    margin-left: 10px;
+    padding-left: 15px;
 }
 
 ::-webkit-scrollbar-thumb {