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

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a93055e..36566b9 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -81,10 +81,11 @@
 }
 
 .vote-bar {
+  min-width: 5ch;
   margin-top: -6.5px;
 }
 
-.post-title a:visited {
+.post-title a:visited:not(:hover) {
   color: var(--bs-gray) !important;
 }
 
@@ -124,7 +125,8 @@
 
 .emoji-picker-container {
   position: absolute;
-  top: 30px;
+  top: 0;
+  left: 50%;
   z-index: 1000;
   transform: translateX(-50%);
 }
@@ -197,9 +199,14 @@ blockquote {
 
 .thumbnail {
   object-fit: cover;
-  min-height: 60px;
-  max-height: 80px;
+  aspect-ratio: 1/1;
+  width: 5rem;
+  height: 5rem;
+}
+
+.mobile-thumbnail-container .thumbnail {
   width: 100%;
+  height: auto;
 }
 
 .thumbnail svg {
@@ -252,10 +259,6 @@ hr {
   -ms-filter: blur(10px);
 }
 
-.img-cover {
-  object-fit: cover;
-}
-
 .img-expanded {
   max-height: 90vh;
 }
@@ -348,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 {
@@ -359,8 +364,9 @@ br.big {
 }
 
 .img-icon {
-  width: 2rem;
-  height: 2rem;
+  width: calc(var(--bs-body-line-height) * 1em);
+  height: calc(var(--bs-body-line-height) * 1em);
+  border-radius: 0.25em;
 }
 
 .tribute-container ul {