From 1448baf4d6160aeb9cdf78ecb504c1414ea0804f Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Thu, 8 May 2014 11:27:06 +0200
Subject: [PATCH] scalable UI for firmware flasher

---
 tabs/firmware_flasher.css | 83 ++++++++++++++++++---------------------
 1 file changed, 39 insertions(+), 44 deletions(-)

diff --git a/tabs/firmware_flasher.css b/tabs/firmware_flasher.css
index 2c149b79..b29419ec 100644
--- a/tabs/firmware_flasher.css
+++ b/tabs/firmware_flasher.css
@@ -5,7 +5,7 @@
         margin-right: 5px;
     }
     .tab-firmware_flasher .info .progress {
-        width: 140px;
+        width: 25%;
 
         border: 1px solid silver;
     }
@@ -19,8 +19,6 @@
                 background-color: #cf2222;
             }
 .tab-firmware_flasher .note {
-    float: left;
-
     margin-bottom: 10px;
     padding: 5px;
 
@@ -81,49 +79,9 @@ a.flash_firmware:hover {
         cursor: default;
         background-color: #b8b8b8;
     }
-a.back {
-    display: block;
-    position: absolute;
-
-    bottom: 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;
-}
-.warning {
-    width: 620px;
-
-    border: 1px solid silver;
-}
-    .warning .title {
-        line-height: 20px;
-
-        text-align: center;
-        font-weight: bold;
-        color: white;
-
-        border-bottom: 1px solid silver;
-        background-color: #cd4c4c;
-    }
-    .warning p {
-        padding: 5px;
-    }
     .tab-firmware_flasher .git_info {
         display: none;
 
-        width: 620px;
-
         margin-bottom: 10px;
 
         border: 1px solid silver;
@@ -140,4 +98,41 @@ a.back:hover {
         }
         .tab-firmware_flasher .git_info p {
             padding: 5px;
-        }
\ No newline at end of file
+        }
+.warning {
+    border: 1px solid silver;
+}
+    .warning .title {
+        line-height: 20px;
+
+        text-align: center;
+        font-weight: bold;
+        color: white;
+
+        border-bottom: 1px solid silver;
+        background-color: #cd4c4c;
+    }
+    .warning p {
+        padding: 5px;
+    }
+a.back {
+    display: block;
+    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