From 20ec3900be068c5473a96975b0855211282a09c6 Mon Sep 17 00:00:00 2001
From: escoand <escoand@users.noreply.github.com>
Date: Wed, 9 Jan 2019 14:58:23 +0100
Subject: [PATCH] use full space on small devices (#310)

* use full space on small devices

I often use my smartphone for quick actions and always was annoyed of this wasted space.

* hide card-image on small devices
---
 esphomeyaml/dashboard/templates/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/esphomeyaml/dashboard/templates/index.html b/esphomeyaml/dashboard/templates/index.html
index 230504fd89..7a4ad56f30 100644
--- a/esphomeyaml/dashboard/templates/index.html
+++ b/esphomeyaml/dashboard/templates/index.html
@@ -47,9 +47,9 @@
 <div class="container">
   {% for i, entry in enumerate(entries) %}
   <div class="row">
-    <div class="col s8 offset-s2 m10 offset-m1 l12">
+    <div class="col s12 m10 offset-m1 l12">
       <div class="card horizontal">
-        <div class="card-image center-align">
+        <div class="card-image center-align hide-on-small-only">
           <i class="material-icons very-large icon-grey">memory</i>
         </div>
         <div class="card-stacked">