From 0aacda646ece485b386e988cfc675629aec3131b Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Wed, 29 Aug 2018 12:50:57 -0400
Subject: [PATCH] Make brutaldon.css more general, do some image fixes

---
 brutaldon/static/css/brutaldon-dark.css | 28 ++++++++++---------------
 brutaldon/static/css/brutaldon.css      | 28 ++++++++++---------------
 2 files changed, 22 insertions(+), 34 deletions(-)

diff --git a/brutaldon/static/css/brutaldon-dark.css b/brutaldon/static/css/brutaldon-dark.css
index c1a9bf8..d0a5d22 100644
--- a/brutaldon/static/css/brutaldon-dark.css
+++ b/brutaldon/static/css/brutaldon-dark.css
@@ -19,28 +19,22 @@ img.fav-avatar {
 }
 
 
-
-.media {
-    border-radius: 5px;
-    -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-    padding: 1.25rem;
-    margin-bottom: 0.75rem;
-    margin-top: 0.75rem;
-}
-
 .media-content {
     padding: 1.5ex;
 }
 
-.is-max-128 {
-    max-height: 128px;
-    max-width: 128px;
-}
+@media screen and (max-width: 768px)
+{
+    .is-max-128 {
+        max-height: 128px;
+        max-width: 128px;
+    }
+
+    .is-max-256 {
+        max-height: 256px;
+        max-width: 256px;
+    }
 
-.is-max-256 {
-    max-height: 256px;
-    max-width: 256px;
 }
 
 figure.media-left p.image a img
diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css
index 4570127..f685aa7 100644
--- a/brutaldon/static/css/brutaldon.css
+++ b/brutaldon/static/css/brutaldon.css
@@ -22,29 +22,23 @@ div.card-header-title, div.card-header-icon {
     text-stroke: 2px white;
 }
 
-.media {
-    background-color: white;
-    border-radius: 5px;
-    -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-    color: #4a4a4a; 
-    padding: 1.25rem;
-    margin-bottom: 0.75rem;
-    margin-top: 0.75rem;
-}
 
 .media-content {
     padding: 1.5ex;
 }
 
-.is-max-128 {
-    max-height: 128px;
-    max-width: 128px;
-}
+@media screen and (max-width: 768px)
+{
+    .is-max-128 {
+        max-height: 128px;
+        max-width: 128px;
+    }
+
+    .is-max-256 {
+        max-height: 256px;
+        max-width: 256px;
+    }
 
-.is-max-256 {
-    max-height: 256px;
-    max-width: 256px;
 }
 
 figure.media-left p.image a img