From 1c5f0655b34afcb4f054ac03564c3af407f74715 Mon Sep 17 00:00:00 2001
From: Robbie Trencheny <me@robbiet.us>
Date: Sat, 9 Mar 2019 19:10:55 -0800
Subject: [PATCH] Update CSS to support select box

---
 sass/custom/_component_page.scss | 22 +++++++++++-----------
 source/components/index.html     |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/sass/custom/_component_page.scss b/sass/custom/_component_page.scss
index e3830dc2f8f..27962bb15a4 100644
--- a/sass/custom/_component_page.scss
+++ b/sass/custom/_component_page.scss
@@ -1,11 +1,11 @@
 #components-page{
   .component-search{
     margin-bottom: 24px;
-  
+
     input{
       width: 100%;
       padding: 10px;
-      
+
       background-color: #fefefe;
       border-radius: 2px;
       border: 1px solid;
@@ -54,7 +54,7 @@
         margin-top: 12px;
       }
 
-      .added_two_versions_ago {
+      .version_select {
         margin-bottom: 12px;
       }
 
@@ -76,18 +76,18 @@
 
 // styles for the cards
 .hass-option-cards {
-  display: -ms-flexbox;    
-  display: -webkit-box;    
-  display: -webkit-flexbox; 
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: -webkit-flexbox;
   display: -webkit-flex;
-  display: flex; 
-  
+  display: flex;
+
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   margin: -4px; // grid trick, has to match option-card's margin
-  
+
   p.note{
     width: 100%;
   }
@@ -139,7 +139,7 @@
       color: #AAA;
     }
   }
-  
+
   // fade-in animation
   &.show-items .option-card{
     opacity:0;
@@ -147,7 +147,7 @@
     -o-animation:new-item-animation .2s linear forwards;
     animation:new-item-animation .2s linear forwards;
   }
-  
+
   // fade-out animation
   &.remove-items .option-card{
     -webkit-animation:removed-item-animation .2s cubic-bezier(.55,-0.04,.91,.94) forwards;
diff --git a/source/components/index.html b/source/components/index.html
index fda87405be1..9c13cafbb91 100644
--- a/source/components/index.html
+++ b/source/components/index.html
@@ -44,7 +44,7 @@ Support for these components is provided by the Home Assistant community.
       <a href='#version/{{ current_version.label }}' class="btn added_in_current_version">Added in {{ current_version.label }} ({{ current_version.new_components_count }})</a>
       <a href='#version/{{ one_version_ago.label }}' class="btn added_one_version_ago">Added in {{ one_version_ago.label }} ({{ one_version_ago.new_components_count }})</a>
       <a href='#version/{{ two_versions_ago.label }}' class="btn added_two_versions_ago">Added in {{ two_versions_ago.label }} ({{ two_versions_ago.new_components_count }})</a>
-      Added in <select name="versions">
+      Added in <select name="versions" class="version_select">
         {%- for group in components_by_version -%}
           <optgroup label="{{ group.label }} ({{group.new_components_count}})">
             {%- for version in group.versions -%}