From efe91eca4f5f6cfae38503dc85aa5a1cf179df16 Mon Sep 17 00:00:00 2001
From: Kylart <garnier@et.esiea.fr>
Date: Wed, 1 Mar 2017 11:20:36 +0100
Subject: [PATCH] Passed download-container class into ID

---
 index.html    | 16 ++++++++++------
 renderer.js   |  2 +-
 src/style.css |  8 ++++----
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 16eedf1..2f56e8d 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
     </div>
     <main class="mdl-layout__content">
       <div class="page-content">
-        <div class="download-container"
+        <div id="download-container"
              v-if="show"
              v-bind:style="{ display: display }">
           <div id="footer-back-left"></div>
@@ -77,8 +77,10 @@
               <form novalidate @submit.stop.prevent="fromEpNext" @keydown.delete="fromEpPrevious">
                 <md-input-container id="fromEp" class="downloader-input">
                   <label><p>From episode...</p></label>
-                  <md-input type="number" v-model="fromEp" id="fromEp-input"
-                            style="color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
+                  <md-input type="number"
+                            v-model="fromEp"
+                            id="fromEp-input"
+                            style="text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
                 </md-input-container>
               </form>
             </div>
@@ -86,8 +88,10 @@
               <form novalidate @submit.stop.prevent="untilEpNext" @keydown.delete="untilEpPrevious">
                 <md-input-container id="untilEp" class="downloader-input">
                   <label><p>Until episode...</p></label>
-                  <md-input type="number" v-model="untilEp" id="untilEp-input" style="color:
-                    rgba(255, 255, 255, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
+                  <md-input type="number"
+                            v-model="untilEp"
+                            id="untilEp-input"
+                            style="text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
                 </md-input-container>
               </form>
             </div>
@@ -285,7 +289,7 @@
 
               <md-input-container id="year-container">
                 <label>Year</label>
-                <md-input type="number" v-model="year"
+                <md-input type="number" v-model="year" style="color; rgba(0, 0, 0, 0.87);"
                           @keydown.enter="getThisSeason(year, season)"></md-input>
               </md-input-container>
 
diff --git a/renderer.js b/renderer.js
index de37437..1fa9088 100644
--- a/renderer.js
+++ b/renderer.js
@@ -274,7 +274,7 @@ let seasonalInfo = malScraper.getSeason(getCurrentSeason().year, getCurrentSeaso
 let lastPage = 'release'
 
 let downloader = new Vue({
-  el: '.download-container',
+  el: '#download-container',
   data: {
     show: false,
     display: "none",
diff --git a/src/style.css b/src/style.css
index 468c50a..5aeaba2 100644
--- a/src/style.css
+++ b/src/style.css
@@ -160,7 +160,7 @@ body
     margin-top: 10%;
 }
 
-.download-container
+#download-container
 {
     display: none;
     height: 100%;
@@ -240,19 +240,19 @@ body
     color: white;
 }
 
-.download-container p
+#download-container p
 {
     color: rgba(255, 255, 255, 0.8);
 }
 
-.download-container h6
+#download-container h6
 {
     margin-top: 0;
     margin-bottom: 0;
     color: rgba(255, 255, 255, 0.8);
 }
 
-.download-container textarea
+#download-container textarea
 {
     color: rgba(255, 255, 255, 0.8);
 }