refactor the buttons. Refer to UX problem in drivendataorg#295

louisgv · Jan 31, 2018 · 3a5af43 · 3a5af43
1 parent 0e85995
commit 3a5af43
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/interface/frontend/src/components/open-image/ImageSeries.vue b/interface/frontend/src/components/open-image/ImageSeries.vue
@@ -91,9 +91,19 @@
           <div class="card-header">
             <h5 class="card-title">
               <span class="float-right">
-              <i class="fa fa-expand warning" @click="showImport = !showImport"></i>
+                <button class="btn btn-sm btn-outline-success" :disabled="!imageInProgress.id" @click="startNewCase()">
+                  Start New Case
+                  <i class="fa fa-arrow-up"></i>
+                </button>
+                <button class="btn btn-sm btn-outline-warning" @click="showImport = !showImport">
+                  Expand Imagery List
+                  <i class="fa fa-expand"></i>
+                </button>
+
               </span>
+
               Import image series for new case
+
             </h5>
           </div>
           <div class="card-block" v-show="showImport">
@@ -102,11 +112,6 @@
             <!-- navigation and preview -->
             <div class="row">
               <div class="col-md-8">
-                <div class="float-right">
-                  <button class="btn btn-success" :disabled="!imageInProgress.id" @click="startNewCase()">
-                    Start New Case
-                  </button>
-                </div>
                 <tree-view class="item left"
                            :model="directories"
                            :parent="directories.name">