From 68d41b8629633536e0dafd62a637e4f355e8e389 Mon Sep 17 00:00:00 2001
From: Georgi Yanev <georgiyanev.gy@gmail.com>
Date: Sun, 25 Jun 2017 01:39:37 +0300
Subject: [PATCH] Make component cards 100% width on mobile (#2886)

---
 sass/custom/_component_page.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/sass/custom/_component_page.scss b/sass/custom/_component_page.scss
index a0cb1d53718..e3830dc2f8f 100644
--- a/sass/custom/_component_page.scss
+++ b/sass/custom/_component_page.scss
@@ -14,6 +14,16 @@
   }
 }
 
+@media only screen and (max-width: $palm-end) {
+  #components-page {
+    .hass-option-cards {
+      .option-card {
+        width: 100%;
+      }
+    }
+  }
+}
+
 @media only screen and (max-width: $lap-end) {
   #components-page {
     .filter-button-group {
@@ -246,4 +256,4 @@
     transform:scale(0);
     opacity:0
   }
-}
\ No newline at end of file
+}