From 5bd62b6c4d3d867e99fe12d009a29d8cc4acd50f Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Fri, 20 Jul 2018 14:08:33 -0400
Subject: [PATCH] Update fullbrutalism mode styles to help with user-indicator
 feature

---
 brutaldon/static/css/fullbrutalism.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/brutaldon/static/css/fullbrutalism.css b/brutaldon/static/css/fullbrutalism.css
index 1c9f092..85eedbc 100644
--- a/brutaldon/static/css/fullbrutalism.css
+++ b/brutaldon/static/css/fullbrutalism.css
@@ -49,7 +49,7 @@ embed {max-width: 100%;}
 	In fact, it *will* cause problems with Google Maps' controls at small size.
 	If this is the case for you, try uncommenting the following:
 
-#map img {
+#map img, img.is-32x32 {
 		max-width: none;
 }
 */
@@ -104,7 +104,7 @@ small {font-size: 85%;}
 
 strong {font-weight: bold;}
 
-td, td img {vertical-align: top;}
+td, td img, img.is-32x32 {vertical-align: top;}
 
 /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
 sub, sup {font-size: 75%; line-height: 0; position: relative;}
@@ -130,7 +130,7 @@ button,
 input[type=button] {width: auto; overflow: visible;}
 
 /* scale images in IE7 more attractively */
-.ie7 img {-ms-interpolation-mode: bicubic;}
+.ie7 img, img.is-32x32 {-ms-interpolation-mode: bicubic;}
 
 /* prevent BG image flicker upon hover
    (commented out as usage is rare, and the filter syntax messes with some pre-processors)
@@ -165,7 +165,7 @@ a:visited {
     text-decoration: underline;
 }
 
-img {
+img, img.is-32x32 {
     float: left;
     max-width: 512px;
     max-height: auto;
@@ -193,17 +193,22 @@ img {
     clear: both;
 }
 
-.image.is-32x32, .is-32x32 img {
+.image.is-32x32, .is-32x32 img, img.is-32x32 {
     width: 32px;
     height: 32px;
 }
 
-.image.is-64x64, .is-64x64 img {
+.image.is-48x48, .is-48x48 img, img.is-48x48 {
+    width: 48px;
+    height: 48px;
+}
+
+.image.is-64x64, .is-64x64 img, img.is-64x64 {
     width: 64px;
     height: 64px;
 }
 
-.image.is-96x96, .is-96x96 img {
+.image.is-96x96, .is-96x96 img, img.is-96x96 {
     width: 96px;
     height: 96px;
 }