From 7b48eeb993aa5e091db675ecbdb3405a3a60c7c6 Mon Sep 17 00:00:00 2001
From: Juan Cruz Viotti <jviottidc@gmail.com>
Date: Thu, 31 Mar 2016 09:52:55 -0400
Subject: [PATCH] Make a CSS class for fixed-width step buttons

---
 build/css/main.css               | 2 +-
 lib/partials/main.html           | 8 ++++----
 lib/partials/success.html        | 4 ++--
 lib/scss/components/_button.scss | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/build/css/main.css b/build/css/main.css
index 26d6686b..25eea3ac 100644
--- a/build/css/main.css
+++ b/build/css/main.css
@@ -6026,7 +6026,7 @@ button.btn, button.progress-button {
     button.btn[disabled]:hover, button[disabled].progress-button:hover {
       background-color: #36383e; }
 
-.btn:not(.btn-link), .progress-button:not(.btn-link) {
+.btn-brick {
   min-width: 170px; }
 
 .btn > .glyphicon, .progress-button > .glyphicon, .btn > .tick, .progress-button > .tick {
diff --git a/lib/partials/main.html b/lib/partials/main.html
index 40d0b9ea..b85def71 100644
--- a/lib/partials/main.html
+++ b/lib/partials/main.html
@@ -6,7 +6,7 @@
 
       <div class="space-vertical-large">
         <div ng-hide="app.selection.hasImage()">
-          <button class="btn btn-primary" ng-click="app.selectImage()">Select image</button>
+          <button class="btn btn-primary btn-brick" ng-click="app.selectImage()">Select image</button>
           <p class="step-footer">*supported files: .img, .iso, .zip</p>
         </div>
         <div ng-show="app.selection.hasImage()">
@@ -30,7 +30,7 @@
 
           <div ng-show="app.scanner.hasAvailableDrives() || !app.selection.hasImage()">
             <div class="btn-group" uib-dropdown>
-              <button class="btn btn-primary"
+              <button class="btn btn-primary btn-brick"
                 ng-disabled="!app.selection.hasImage()"
                 uib-dropdown-toggle>Select drive</button>
 
@@ -43,7 +43,7 @@
           </div>
 
           <div ng-hide="app.scanner.hasAvailableDrives() || !app.selection.hasImage()">
-            <button class="btn btn-danger">Connect a drive</button>
+            <button class="btn btn-danger btn-brick">Connect a drive</button>
           </div>
 
         </div>
@@ -58,7 +58,7 @@
       <span class="badge space-top-medium" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">3</span>
 
       <div class="space-vertical-large">
-        <progress-button percentage="app.writer.state.progress" ng-attr-active="{{ app.writer.isBurning() }}"
+        <progress-button class="btn-brick" percentage="app.writer.state.progress" ng-attr-active="{{ app.writer.isBurning() }}"
           ng-click="app.burn(app.selection.getImage(), app.selection.getDrive())"
           ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">
             <span ng-show="app.writer.state.progress == 100 && app.writer.isBurning()">Finishing...</span>
diff --git a/lib/partials/success.html b/lib/partials/success.html
index e3a4cc6d..397e99fb 100644
--- a/lib/partials/success.html
+++ b/lib/partials/success.html
@@ -11,7 +11,7 @@
           <div class="box">
             <p class="soft button-label">Would you like to burn the same image?</p>
 
-            <button class="btn btn-primary" ng-click="finish.restart({ preserveImage: true })">
+            <button class="btn btn-primary btn-brick" ng-click="finish.restart({ preserveImage: true })">
               Use <b>same</b> image
             </button>
           </div>
@@ -23,7 +23,7 @@
           <div class="box">
             <p class="soft button-label">Would you like to burn a new image?</p>
 
-            <button class="btn btn-primary" ng-click="finish.restart()">
+            <button class="btn btn-primary btn-brick" ng-click="finish.restart()">
               Use <b>new</b> image
             </button>
           </div>
diff --git a/lib/scss/components/_button.scss b/lib/scss/components/_button.scss
index 865a8dad..7f4997fa 100644
--- a/lib/scss/components/_button.scss
+++ b/lib/scss/components/_button.scss
@@ -37,7 +37,7 @@ button.btn {
   }
 }
 
-.btn:not(.btn-link) {
+.btn-brick {
   min-width: $btn-min-width;
 }