image tweaks

sdbs_infra/dashboard/static/main.css

@@ -50,6 +50,11 @@ main {
     justify-content: center;
 }
 
+.service-content img {
+    min-width: 66%;
+    filter: grayscale(100%);
+}
+
 .service .label h3 {
     margin: 1rem 0;
     text-align: center;

sdbs_infra/dashboard/templates/index.html

@@ -16,9 +16,7 @@
         <a class="service status-{{ service.get_status.value }}" href="{{ service.url }}">
             <section class="service-content">
                 {% if service.image_or_favicon %}
-                    <div class="image">
-                        <img src="{{ service.image_or_favicon }}" alt="image for {{ service }}"/>
-                    </div>
+                    <img src="{{ service.image_or_favicon }}" alt="image for {{ service }}"/>
                 {% endif %}
                 <div class="label">
                     <h3>{{ service.short_name }}</h3>