From 9ccaa6bf49a3b484d2bb13dc9b4ce10aa5c657cd Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Fri, 24 Mar 2017 16:09:48 -0600
Subject: [PATCH 01/11] Added Material Icons Modal

---
 dev.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/dev.html b/dev.html
index 0ad3e3f..9f5d3a2 100644
--- a/dev.html
+++ b/dev.html
@@ -216,7 +216,7 @@
             box-shadow: 0 1px 0 0 #03a9f4 !important
         }
 
-        #modal_acekeyboard, #modal_components {
+        #modal_acekeyboard, #modal_components, #modal_icons {
             top: auto;
             width: 96%;
             min-height: 96%;
@@ -508,6 +508,7 @@
   <main>
     <ul id="dropdown_menu" class="dropdown-content z-depth-4">
         <li><a target="_blank" href="#modal_components">HASS Components</a></li>
+        <li><a target="_blank" href="#modal_icons">Material Icons</a></li>
         <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
         <li><a href="#modal_about">About HASS-Configurator</a></li>
         <li class="divider"></li>
@@ -519,6 +520,7 @@
     <ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4">
         <li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li>
         <li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li>
+        <li><a target="_blank" href="https://materialdesignicons.com/">Material Icons</a></li>
         <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
         <li><a href="#modal_about">About HASS-Configurator</a></li>
         <li class="divider"></li>
@@ -544,6 +546,15 @@
             <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
         </div>
     </div>
+    <div id="modal_icons" class="modal bottom-sheet modal-fixed-footer">
+    <div class="modal-content_nopad">
+            <iframe src="https://materialdesignicons.com/" style="height: 90vh; width: 100vw"> </iframe>
+            <a target="_blank" href="https://materialdesignicons.com/" class="hide-on-med-and-down modal_btn waves-effect btn-large btn-flat left"><i class="material-icons">launch</i></a>
+        </div>
+        <div class="modal-footer">
+            <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
+        </div>
+    </div>
     <div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer">
         <div class="modal-content centered">
         <h4>Ace Keyboard Shortcuts</h4>

From ff9af90bc7a5c3d16e8db5d040ef715a8d28cd82 Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Fri, 24 Mar 2017 16:11:02 -0600
Subject: [PATCH 02/11] Added Material Icons Modal

---
 configurator.py | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/configurator.py b/configurator.py
index 9c0237d..a6c0b9f 100755
--- a/configurator.py
+++ b/configurator.py
@@ -275,7 +275,7 @@ INDEX = Template(r"""<!DOCTYPE html>
             box-shadow: 0 1px 0 0 #03a9f4 !important
         }
 
-        #modal_acekeyboard, #modal_components {
+        #modal_acekeyboard, #modal_components, #modal_icons {
             top: auto;
             width: 96%;
             min-height: 96%;
@@ -567,6 +567,7 @@ INDEX = Template(r"""<!DOCTYPE html>
   <main>
     <ul id="dropdown_menu" class="dropdown-content z-depth-4">
         <li><a target="_blank" href="#modal_components">HASS Components</a></li>
+        <li><a target="_blank" href="#modal_icons">Material Icons</a></li>
         <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
         <li><a href="#modal_about">About HASS-Configurator</a></li>
         <li class="divider"></li>
@@ -578,6 +579,7 @@ INDEX = Template(r"""<!DOCTYPE html>
     <ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4">
         <li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li>
         <li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li>
+        <li><a target="_blank" href="https://materialdesignicons.com/">Material Icons</a></li>
         <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
         <li><a href="#modal_about">About HASS-Configurator</a></li>
         <li class="divider"></li>
@@ -603,6 +605,15 @@ INDEX = Template(r"""<!DOCTYPE html>
             <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
         </div>
     </div>
+    <div id="modal_icons" class="modal bottom-sheet modal-fixed-footer">
+    <div class="modal-content_nopad">
+            <iframe src="https://materialdesignicons.com/" style="height: 90vh; width: 100vw"> </iframe>
+            <a target="_blank" href="https://materialdesignicons.com/" class="hide-on-med-and-down modal_btn waves-effect btn-large btn-flat left"><i class="material-icons">launch</i></a>
+        </div>
+        <div class="modal-footer">
+            <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
+        </div>
+    </div>
     <div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer">
         <div class="modal-content centered">
         <h4>Ace Keyboard Shortcuts</h4>

From 7ca2069789a9a24abb2ea6ed6faf105685765993 Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sat, 25 Mar 2017 08:26:18 -0600
Subject: [PATCH 03/11] Update to git modal icon

---
 dev.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dev.html b/dev.html
index 9f5d3a2..2810982 100644
--- a/dev.html
+++ b/dev.html
@@ -1101,7 +1101,7 @@
                 <h4>git init</h4>
               </div>
               <div class="col s1">
-                <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+                <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
               </div>
             </div>
           <p>Are you sure you want to initialize a repository at the current path?</p>
@@ -1118,7 +1118,7 @@
               <h4>git commit</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
           <div class="row">
@@ -1160,7 +1160,7 @@
               <h4>git add</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
           <p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p>
@@ -1258,7 +1258,7 @@
               <h4>New Branch</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
             <div class="row">

From bb3f9ec77a2f17a3fbad91e2e65d2ddf6f4a286a Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sat, 25 Mar 2017 08:27:24 -0600
Subject: [PATCH 04/11] Update to git modal icon

---
 configurator.py | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/configurator.py b/configurator.py
index a6c0b9f..3d1e272 100755
--- a/configurator.py
+++ b/configurator.py
@@ -1160,7 +1160,7 @@ INDEX = Template(r"""<!DOCTYPE html>
                 <h4>git init</h4>
               </div>
               <div class="col s1">
-                <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+                <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
               </div>
             </div>
           <p>Are you sure you want to initialize a repository at the current path?</p>
@@ -1177,7 +1177,7 @@ INDEX = Template(r"""<!DOCTYPE html>
               <h4>git commit</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
           <div class="row">
@@ -1219,7 +1219,7 @@ INDEX = Template(r"""<!DOCTYPE html>
               <h4>git add</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
           <p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p>
@@ -1317,7 +1317,7 @@ INDEX = Template(r"""<!DOCTYPE html>
               <h4>New Branch</h4>
             </div>
             <div class="col s1">
-              <img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
+              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
             </div>
           </div>
             <div class="row">
@@ -2605,7 +2605,8 @@ INDEX = Template(r"""<!DOCTYPE html>
 
 </script>
 </body>
-</html>""")
+</html>
+""")
 
 def signal_handler(sig, frame):
     global HTTPD

From 9cb37c367ad2eee6b3e3a19442d61504f4c7994a Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sat, 25 Mar 2017 08:49:21 -0600
Subject: [PATCH 05/11] Truncate long dropdown items in selectors

---
 dev.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/dev.html b/dev.html
index 2810982..64b0310 100644
--- a/dev.html
+++ b/dev.html
@@ -43,6 +43,14 @@
             white-space: nowrap;
         }
 
+        .select-wrapper input.select-dropdown {
+            width: 96%;
+            overflow: hidden;
+            direction: ltr;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
         #edit_float {
               z-index: 10;
         }

From ee29275b11a0dee2ff24daa8a17ac343e9471391 Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sat, 25 Mar 2017 08:51:30 -0600
Subject: [PATCH 06/11] Truncate long dropdown items in selectors

---
 configurator.py | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/configurator.py b/configurator.py
index 3d1e272..df09a19 100755
--- a/configurator.py
+++ b/configurator.py
@@ -102,6 +102,14 @@ INDEX = Template(r"""<!DOCTYPE html>
             white-space: nowrap;
         }
 
+        .select-wrapper input.select-dropdown {
+            width: 96%;
+            overflow: hidden;
+            direction: ltr;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
         #edit_float {
               z-index: 10;
         }

From dc8921ad65c504b43c4a54ada459135c40603e0d Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sun, 26 Mar 2017 09:51:59 -0600
Subject: [PATCH 07/11] Changes to modal icons

Import of materialdesignicons CDN
Addition of icons to all modals
---
 dev.html | 63 ++++++++++++++++----------------------------------------
 1 file changed, 18 insertions(+), 45 deletions(-)

diff --git a/dev.html b/dev.html
index 64b0310..ed63661 100644
--- a/dev.html
+++ b/dev.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
     <title>HASS Configurator</title>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/1.8.36/css/materialdesignicons.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
     <style type="text/css" media="screen">
         body {
@@ -565,7 +566,7 @@
     </div>
     <div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer">
         <div class="modal-content centered">
-        <h4>Ace Keyboard Shortcuts</h4>
+        <h4 class="grey-text text-darken-3">Ace Keyboard Shortcuts<i class="mdi mdi-keyboard right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
         <br>
         <ul class="collapsible popout" data-collapsible="expandable">
           <li>
@@ -1073,7 +1074,7 @@
     </div>
     <div id="modal_save" class="modal">
         <div class="modal-content">
-            <h4>Save</h4>
+            <h4 class="grey-text text-darken-3">Save<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">save</i></h4>
             <p>Do you really want to save?</p>
         </div>
         <div class="modal-footer">
@@ -1083,7 +1084,7 @@
     </div>
     <div id="modal_upload" class="modal">
         <div class="modal-content">
-            <h4>Upload File</h4>
+            <h4 class="grey-text text-darken-3">Upload File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2.28rem;">file_upload</i></h4>
             <p>Please choose a file to upload</p>
             <form action="#" id="uploadform">
               <div class="file-field input-field">
@@ -1104,14 +1105,7 @@
     </div>
     <div id="modal_init" class="modal">
         <div class="modal-content">
-            <div class="row no-padding">
-              <div class="col s11 no-padding">
-                <h4>git init</h4>
-              </div>
-              <div class="col s1">
-                <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
-              </div>
-            </div>
+          <h4 class="grey-text text-darken-3">git init<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
           <p>Are you sure you want to initialize a repository at the current path?</p>
         </div>
         <div class="modal-footer">
@@ -1121,14 +1115,7 @@
     </div>
     <div id="modal_commit" class="modal">
         <div class="modal-content">
-          <div class="row no-padding">
-            <div class="col s11 no-padding">
-              <h4>git commit</h4>
-            </div>
-            <div class="col s1">
-              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
-            </div>
-          </div>
+          <h4 class="grey-text text-darken-3">git commit<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
           <div class="row">
             <div class="input-field col s12">
               <input type="text" id="commitmessage">
@@ -1143,7 +1130,7 @@
     </div>
     <div id="modal_close" class="modal">
         <div class="modal-content">
-            <h4>Close File</h4>
+            <h4 class="grey-text text-darken-3">Close File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2.28rem;">close</i></h4>
             <p>Are you sure you want to close the current file? Unsaved changes will be lost.</p>
         </div>
         <div class="modal-footer">
@@ -1153,7 +1140,7 @@
     </div>
     <div id="modal_delete" class="modal">
         <div class="modal-content">
-            <h4>Delete</h4>
+            <h4 class="grey-text text-darken-3">Delete</h4>
             <p>Are you sure you want to delete <span class="fb_currentfile"></span>?</p>
         </div>
         <div class="modal-footer">
@@ -1163,14 +1150,7 @@
     </div>
     <div id="modal_gitadd" class="modal">
         <div class="modal-content">
-          <div class="row no-padding">
-            <div class="col s11 no-padding">
-              <h4>git add</h4>
-            </div>
-            <div class="col s1">
-              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
-            </div>
-          </div>
+          <h4 class="grey-text text-darken-3">git add<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
           <p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p>
         </div>
         <div class="modal-footer">
@@ -1180,8 +1160,8 @@
     </div>
     <div id="modal_check_config" class="modal">
         <div class="modal-content">
-            <h4>Check configuration</h4>
-            <p>Do you really want to check the configuration?</p>
+            <h4 class="grey-text text-darken-3">Check configuration<i class="mdi mdi-settings right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
+            <p>Do you want to check the configuration?</p>
         </div>
         <div class="modal-footer">
           <a class=" modal-action modal-close waves-effect waves-red btn-flat light-blue-text">No</a>
@@ -1190,7 +1170,7 @@
     </div>
     <div id="modal_restart" class="modal">
         <div class="modal-content">
-            <h4>Restart</h4>
+            <h4 class="grey-text text-darken-3">Restart<i class="mdi mdi-restart right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
             <p>Do you really want to restart Home Assistant?</p>
         </div>
         <div class="modal-footer">
@@ -1200,7 +1180,7 @@
     </div>
     <div id="modal_exec_command" class="modal">
         <div class="modal-content">
-            <h4>Execute shell command</h4>
+            <h4 class="grey-text text-darken-3">Execute shell command<i class="mdi mdi-laptop right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
             <pre class="col s6" id="command_history"></pre>
             <br>
             <div class="row">
@@ -1218,7 +1198,7 @@
     </div>
     <div id="modal_markdirty" class="modal">
         <div class="modal-content">
-            <h4>Unsaved Changes</h4>
+            <h4 class="grey-text text-darken-3">Unsaved Changes<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">save</i></h4>
             <p>You have unsaved changes in the current file. Please save the changes or close the file before opening a new one.</p>
         </div>
         <div class="modal-footer">
@@ -1229,7 +1209,7 @@
     </div>
     <div id="modal_newfolder" class="modal">
         <div class="modal-content">
-            <h4>New Folder</h4>
+            <h4 class="grey-text text-darken-3">New Folder<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">create_new_folder</i></h4>
             <br>
             <div class="row">
                 <div class="input-field col s12">
@@ -1245,7 +1225,7 @@
     </div>
     <div id="modal_newfile" class="modal">
         <div class="modal-content">
-            <h4>New File</h4>
+            <h4 class="grey-text text-darken-3">New File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">note_add</i></h4>
             <br>
             <div class="row">
                 <div class="input-field col s12">
@@ -1261,14 +1241,7 @@
     </div>
     <div id="modal_newbranch" class="modal">
         <div class="modal-content">
-          <div class="row no-padding">
-            <div class="col s11 no-padding">
-              <h4>New Branch</h4>
-            </div>
-            <div class="col s1">
-              <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
-            </div>
-          </div>
+            <h4 class="grey-text text-darken-3">New Branch<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
             <div class="row">
                 <div class="input-field col s12">
                     <input type="text" id="newbranch">
@@ -1283,7 +1256,7 @@
     </div>
     <div id="modal_about" class="modal modal-fixed-footer">
         <div class="modal-content">
-            <h4><a class="black-text" href="https://github.com/danielperna84/hass-poc-configurator/" target="_blank">HASS Configurator</a></h4>
+            <h4 class="grey-text text-darken-3"><a class="black-text" href="https://github.com/danielperna84/hass-poc-configurator/" target="_blank">HASS Configurator</a></h4>
             <p>Version: <a class="$versionclass" href="https://github.com/danielperna84/hass-poc-configurator/releases/lafbicon_pad" target="_blank">$current</a></p>
             <p>Web-based file editor designed to modify configuration files of <a class="light-blue-text" href="https://home-assistant.io/" target="_blank">Home Assistant</a> or other textual files. Use at your own risk.</p>
             <p>Published under the MIT license</p>

From e168726f6d887e6169d873db972bdf0ed0b37427 Mon Sep 17 00:00:00 2001
From: Daniel Perna <danielperna84@gmail.com>
Date: Sun, 26 Mar 2017 23:58:32 +0200
Subject: [PATCH 08/11] Using Git-Icon as originally intended

---
 dev.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dev.html b/dev.html
index ed63661..5980fc1 100644
--- a/dev.html
+++ b/dev.html
@@ -1310,8 +1310,8 @@
               <div class="col s6 m3 l3">
                 <a class="light-blue-text" href="https://gitpython.readthedocs.io" target="_blank">
                   <div class="card grey lighten-3 hoverable">
-                    <div class="card-image">
-                      <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE">
+                    <div class="card-image" style="text-align: center">
+                      <i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon" style="font-size:6em"></i>
                     </div>
                     <div class="card-content">
                       <p class="grey-text text-darken-2">GitPython</p>
@@ -1395,13 +1395,13 @@
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfile" data-position="bottom" data-delay="500" data-tooltip="New File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfolder" data-position="bottom" data-delay="500" data-tooltip="New Folder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_upload" data-position="bottom" data-delay="500" data-tooltip="Upload File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
-              <a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">call_split</i></a>
+              <a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon"></i></a>
             </ul>
             <ul class="row center toolbar_mobile hide-on-med-and-up grey lighten-4" style="margin-bottom: 0;">
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfile"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfolder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_upload"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
-              <a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">call_split</i></a>
+              <a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon"></i></a>
             </ul>
           </li>
           <li>

From d17f1411d6ac1454dcfce60ede317f825c7ad90d Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sun, 26 Mar 2017 16:38:22 -0600
Subject: [PATCH 09/11] Fixed alignment with new icons

---
 dev.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/dev.html b/dev.html
index 5980fc1..685a8b0 100644
--- a/dev.html
+++ b/dev.html
@@ -1290,7 +1290,7 @@
                       <img src="https://evwilkin.github.io/images/materializecss.png">
                     </div>
                     <div class="card-content">
-                      <p class="grey-text text-darken-2">Materialize CSS</p>
+                      <p class="grey-text text-darken-2">Materialize</p>
                     </div>
                   </div>
                 </a>
@@ -1310,8 +1310,8 @@
               <div class="col s6 m3 l3">
                 <a class="light-blue-text" href="https://gitpython.readthedocs.io" target="_blank">
                   <div class="card grey lighten-3 hoverable">
-                    <div class="card-image" style="text-align: center">
-                      <i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon" style="font-size:6em"></i>
+                    <div class="card-image">
+                      <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE">
                     </div>
                     <div class="card-content">
                       <p class="grey-text text-darken-2">GitPython</p>
@@ -1395,13 +1395,13 @@
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfile" data-position="bottom" data-delay="500" data-tooltip="New File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfolder" data-position="bottom" data-delay="500" data-tooltip="New Folder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_upload" data-position="bottom" data-delay="500" data-tooltip="Upload File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
-              <a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon"></i></a>
+              <a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="mdi mdi-git grey-text text-darken-2 material-icons" style="padding-top: 17px;"></i></a>
             </ul>
             <ul class="row center toolbar_mobile hide-on-med-and-up grey lighten-4" style="margin-bottom: 0;">
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfile"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfolder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
               <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_upload"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
-              <a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="mdi mdi-git grey-text text-darken-2 material-icons fbtoolbarbutton_icon"></i></a>
+              <a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="mdi mdi-git grey-text text-darken-2 material-icons" style="padding-top: 17px;"></i></a>
             </ul>
           </li>
           <li>

From 3219b73db9324dce4548bc57d9147e7de122b194 Mon Sep 17 00:00:00 2001
From: Daniel Perna <danielperna84@gmail.com>
Date: Mon, 27 Mar 2017 00:59:14 +0200
Subject: [PATCH 10/11] Using new icons for filebrowser

---
 dev.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/dev.html b/dev.html
index 685a8b0..20d5e8b 100644
--- a/dev.html
+++ b/dev.html
@@ -1943,19 +1943,25 @@
             nameparts = itemdata.name.split('.');
             extension = nameparts[nameparts.length -1];
             if (['c', 'cpp', 'css', 'htm', 'html', 'js', 'json', 'php', 'py', 'sh', 'sql', 'xml', 'yaml'].indexOf(extension.toLocaleLowerCase()) > +1 ) {
-                iicon.innerHTML = 'code';
+                iicon.classList.add('mdi', 'mdi-file-xml');
+            }
+            else if (['txt', 'doc', 'docx'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
+                iicon.classList.add('mdi', 'mdi-file-document');
             }
             else if (['bmp', 'gif', 'jpg', 'jpeg', 'png', 'tif', 'webp'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
-                iicon.innerHTML = 'image';
+                iicon.classList.add('mdi', 'mdi-file-image');
             }
             else if (['mp3', 'ogg', 'wav'].indexOf(extension) > -1 ) {
-                iicon.innerHTML = 'audiotrack';
+                iicon.classList.add('mdi', 'mdi-file-music');
             }
             else if (['avi', 'flv', 'mkv', 'mp4', 'mpg', 'mpeg', 'webm'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
-                iicon.innerHTML = 'video_label';
+                iicon.classList.add('mdi', 'mdi-file-video');
+            }
+            else if (['pdf'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
+                iicon.classList.add('mdi', 'mdi-file-pdf');
             }
             else {
-                iicon.innerHTML = 'insert_drive_file';
+                iicon.classList.add('mdi', 'mdi-file');
             }
             item.setAttribute("onclick", "loadfile('" + encodeURI(itemdata.fullpath) + "')");
             stats.innerHTML = "Mod.: " + date.toUTCString() + "&nbsp;&nbsp;Size: " + (itemdata.size/1024).toFixed(1) + " KiB";

From edc27239b599e59a6876ff967441fe912471e66c Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sun, 26 Mar 2017 17:11:09 -0600
Subject: [PATCH 11/11] Padding fix for new file browser icons

---
 dev.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dev.html b/dev.html
index 20d5e8b..f592939 100644
--- a/dev.html
+++ b/dev.html
@@ -394,7 +394,7 @@
 
         .fbmenuicon_pad {
             min-height: 64px;
-            margin-top: 8px !important;
+            margin-top: 6px !important;
             margin-right: 18px !important;
             color: #616161 !important;
         }
