From d5d218c450f31cab5e9710c4fceaf90e7537a66c Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 15 Jan 2015 16:45:54 +1100
Subject: [PATCH] Make taxon flag smaller for smallest device breakpoint

---
 .../darkswarm/_shop-taxon-flag.css.sass          | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-taxon-flag.css.sass b/app/assets/stylesheets/darkswarm/_shop-taxon-flag.css.sass
index b37606c43f..7a6b04cbc2 100644
--- a/app/assets/stylesheets/darkswarm/_shop-taxon-flag.css.sass
+++ b/app/assets/stylesheets/darkswarm/_shop-taxon-flag.css.sass
@@ -9,9 +9,10 @@
         margin-top: -1.1rem
         padding-top: 0.25rem
         z-index: 999999
-
-        @media all and (max-width: 768px)
-          margin-top: -0.85rem
+        @media all and (max-width: 480px)
+          background-size: 28px 32px
+          min-height: 32px
+          width: 28px
 
         render-svg
           svg
@@ -19,3 +20,12 @@
             height: 24px
             path
               fill: #999
+
+        @media all and (max-width: 768px)
+          margin-top: -0.85rem
+
+        @media all and (max-width: 480px)
+          render-svg
+            svg
+              width: 18px
+              height: 18px