X-Git-Url: http://these/git/?a=blobdiff_plain;f=src%2Fassets%2Fcss%2Fmain.css;h=36566b9b969846d9e1f5405777aec87b0c10e5d3;hb=9ce164245f51b834997f31f3f12497ee87474965;hp=63c1b47121defb9bd1a0fcb14a1c59839ff0aa8c;hpb=8766c5cf8eb6b04d8e7f9e049c76bf30f860725c;p=lemmy-ui.git

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 63c1b47..36566b9 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -81,6 +81,7 @@
 }
 
 .vote-bar {
+  min-width: 5ch;
   margin-top: -6.5px;
 }
 
@@ -198,9 +199,14 @@ blockquote {
 
 .thumbnail {
   object-fit: cover;
-  aspect-ratio: 4/3;
+  aspect-ratio: 1/1;
+  width: 5rem;
+  height: 5rem;
+}
+
+.mobile-thumbnail-container .thumbnail {
   width: 100%;
-  max-height: 6rem;
+  height: auto;
 }
 
 .thumbnail svg {
@@ -253,10 +259,6 @@ hr {
   -ms-filter: blur(10px);
 }
 
-.img-cover {
-  object-fit: cover;
-}
-
 .img-expanded {
   max-height: 90vh;
 }
@@ -349,10 +351,12 @@ br.big {
 }
 
 .avatar-overlay {
-  width: 20%;
-  height: 20%;
+  width: 20vw;
+  height: 20vw;
   max-width: 120px;
   max-height: 120px;
+  min-width: 80px;
+  min-height: 80px;
 }
 
 .avatar-pushup {