[main] Images images images

static/css/main.css

@@ -2166,9 +2166,16 @@ button:disabled,
 .mini-posts article .image {
   display: block;
   margin: 0 0 1.5em 0;
+  width: unset;
 }
 .mini-posts article .image img {
   display: block;
+  width: unset;
+}
+.mini-posts article a .fav-image {
+  display: block;
+  max-width: 100%; /* Scale down if the container is smaller than the image */
+  height: auto; /* Maintain aspect ratio */
 }
 .mini-posts article:first-child {
   border-top: 0;

static/sass/components/_mini-posts.scss

@@ -15,11 +15,19 @@
 			.image {
 				display: block;
 				margin: 0 0 (_size(element-margin) * 0.75) 0;
-
+				width: unset;
 				img {
 					display: block;
+					width: unset;
 				}
 			}
+			a {
+			.fav-image {
+				display: block;
+				max-width: 100%; /* Scale down if the container is smaller than the image */
+				height: auto; /* Maintain aspect ratio */
+			}
+			}
 
 			&:first-child {
 				border-top: 0;

templates/navigation.html

@@ -25,8 +25,8 @@
     <div class="mini-posts">
         {% for favorite in data.favorites %}
         <article>
-            <a href="/category/{{  favorite.path }}" class="image">
-                <!-- <img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="20%" width="20%" /> -->
+        <!-- Fucking crap - Ignoreing all CSS image tags in mini-posts -->
+            <a href="/category/{{  favorite.path }}" >
                  <img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="{{ favorite.height }}" width="{{ favorite.width }}" />
             </a>
             <p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>