From ccee927c774eddeb5ad3221a419d37359d74e21d Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Thu, 8 May 2014 14:56:03 +0200
Subject: [PATCH] move buttons to the bottom of firmware flasher

---
 tabs/firmware_flasher.css  | 119 ++++++++++++++-----------------------
 tabs/firmware_flasher.html |  13 ++--
 2 files changed, 50 insertions(+), 82 deletions(-)

diff --git a/tabs/firmware_flasher.css b/tabs/firmware_flasher.css
index b29419ec..458e76ba 100644
--- a/tabs/firmware_flasher.css
+++ b/tabs/firmware_flasher.css
@@ -34,71 +34,26 @@
     .tab-firmware_flasher .note .flash_on_connect_wrapper {
         display: none;
     }
-    .tab-firmware_flasher .buttons {
-        margin-bottom: 10px;
-    }
-a.load_file, a.load_remote_file {
-    display: block;
-    float: left;
+.tab-firmware_flasher .git_info {
+    display: none;
 
-    margin: 0 10px 0 0;
-    padding: 0 10px 0 10px;
-
-    height: 20px;
-    line-height: 20px;
-    text-align: center;
-    font-weight: bold;
+    margin-bottom: 10px;
 
     border: 1px solid silver;
-    background-color: #ececec;
 }
-a.load_file:hover, a.load_remote_file:hover {
-    background-color: #dedcdc;
-}
-a.flash_firmware {
-    display: block;
-    float: left;
+    .tab-firmware_flasher .git_info .title {
+        line-height: 20px;
 
-    padding: 0 10px 0 10px;
+        text-align: center;
+        font-weight: bold;
+        color: white;
 
-    height: 20px;
-    line-height: 20px;
-    text-align: center;
-    font-weight: bold;
-
-    border: 1px solid silver;
-    background-color: #ececec;
-}
-a.flash_firmware:hover {
-    background-color: #dedcdc;
-}
-    a.flash_firmware.locked {
-        background-color: #b8b8b8;
+        border-bottom: 1px solid silver;
+        background-color: #3f4241;
     }
-    a.flash_firmware.locked:hover {
-        cursor: default;
-        background-color: #b8b8b8;
+    .tab-firmware_flasher .git_info p {
+        padding: 5px;
     }
-    .tab-firmware_flasher .git_info {
-        display: none;
-
-        margin-bottom: 10px;
-
-        border: 1px solid silver;
-    }
-        .tab-firmware_flasher .git_info .title {
-            line-height: 20px;
-
-            text-align: center;
-            font-weight: bold;
-            color: white;
-
-            border-bottom: 1px solid silver;
-            background-color: #3f4241;
-        }
-        .tab-firmware_flasher .git_info p {
-            padding: 5px;
-        }
 .warning {
     border: 1px solid silver;
 }
@@ -115,24 +70,38 @@ a.flash_firmware:hover {
     .warning p {
         padding: 5px;
     }
-a.back {
-    display: block;
+.tab-firmware_flasher .buttons {
+    width: calc(100% - 20px);
+
     position: absolute;
-
     bottom: 10px;
-    right: 10px;
-
-    height: 28px;
-    line-height: 28px;
-
-    padding: 0 15px 0 15px;
-
-    text-align: center;
-    font-weight: bold;
-
-    border: 1px solid silver;
-    background-color: #ececec;
 }
-a.back:hover {
-    background-color: #dedcdc;
-}
\ No newline at end of file
+    .tab-firmware_flasher .buttons a {
+        display: block;
+        float: left;
+
+        margin: 0 10px 0 0;
+        padding: 0 15px 0 15px;
+
+        height: 28px;
+        line-height: 28px;
+        text-align: center;
+        font-weight: bold;
+
+        border: 1px solid silver;
+        background-color: #ececec;
+    }
+    .tab-firmware_flasher .buttons a:hover {
+        background-color: #dedcdc;
+    }
+    .tab-firmware_flasher .buttons a.flash_firmware.locked {
+        background-color: #b8b8b8;
+    }
+    .tab-firmware_flasher .buttons a.flash_firmware.locked:hover {
+        cursor: default;
+        background-color: #b8b8b8;
+    }
+    .tab-firmware_flasher .buttons a.back {
+        float: right;
+        margin: 0;
+    }
\ No newline at end of file
diff --git a/tabs/firmware_flasher.html b/tabs/firmware_flasher.html
index 2d481233..6abebf44 100644
--- a/tabs/firmware_flasher.html
+++ b/tabs/firmware_flasher.html
@@ -22,12 +22,6 @@
         </label><br />
     </div>
     <div class="clear-both"></div>
-    <div class="buttons">
-        <a class="load_file" href="#" i18n="firmwareFlasherButtonLoadLocal"></a>
-        <a class="load_remote_file" href="#" i18n="firmwareFlasherButtonLoadOnline"></a>
-        <a class="flash_firmware locked" href="#" i18n="firmwareFlasherFlashFirmware"></a>
-        <div class="clear-both"></div>
-    </div>
     <div class="git_info">
         <div class="title" i18n="firmwareFlasherGithubInfoHead"></div>
         <p>
@@ -41,5 +35,10 @@
         <p i18n="firmwareFlasherWarningText">
         </p>
     </div>
-    <a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a>
+    <div class="buttons">
+        <a class="load_file" href="#" i18n="firmwareFlasherButtonLoadLocal"></a>
+        <a class="load_remote_file" href="#" i18n="firmwareFlasherButtonLoadOnline"></a>
+        <a class="flash_firmware locked" href="#" i18n="firmwareFlasherFlashFirmware"></a>
+        <a class="back" href="#" i18n="firmwareFlasherButtonLeave"></a>
+    </div>
 </div>
\ No newline at end of file