From 488bbd86da8b27f00ecee4450270d830db9e9467 Mon Sep 17 00:00:00 2001
From: Jeffrey Warren <jeff@unterbahn.com>
Date: Mon, 25 Mar 2019 15:57:18 -0400
Subject: [PATCH] Rearrange buttons in UI (#936)

---
 examples/index.html | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)
diff --git a/examples/index.html b/examples/index.html
index b5b6883d..025b8556 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -2,7 +2,6 @@
 
 <html>
 
-
 <head>
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -16,7 +15,6 @@
    <meta property="og:url" content="https://sequencer.publiclab.org">
    <meta property="og:title" content="Image Sequencer">
 
-
   <title>Image Sequencer</title>
 
   <script src="../node_modules/jquery/dist/jquery.min.js"></script>
@@ -35,7 +33,6 @@
   <script src="../node_modules/selectize/dist/js/standalone/selectize.min.js"></script>
 </head>
 
-
 <body>
 
   <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -151,13 +148,6 @@
     <section id="sequence-actions" class="panel">
       <div class="panel-body">
 
-        <div class="row center-align">
-          <!--<button class="btn btn-primary btn-block btn-lg" name="save-sequence" id="save-seq">Save Sequence</button> -->
-            <!--<button class="btn btn-primary btn-block btn-lg" id="download-btn" name="download" style="display: block; margin: 0px 10px 0px 0px; width: 250px;">Download PNG</button> -->
-          <button class="btn btn-primary btn-block btn-lg js-view-as-gif" id="gif" style="margin: 0px 35px 0px 35px;width:100%;">View GIF</button>
-        </div>
-
-
         <div class="modal fade" id="js-download-gif-modal" tabindex="-1" role="dialog">
           <div class="modal-dialog" role="document">
             <div class="modal-content">
@@ -189,14 +179,14 @@
         <div class="panel-body">
           <div style="text-align:center;">
             <h2 style="margin-top:20px">Save</h2>
-            <p>Or click ARROW to save the entire sequence as a workflow for future use.</p>
               <select class="form-control input-md" id="selectSaveOption" style="margin-top:20px">
                 <option>Save as PNG</option>
                 <option>Save as GIF (all steps)</option>
                 <option>Save sequence</option>
                 <option>Save sequence string</option>
               </select>
-                <button id="saveButton" class="btn btn-primary btn-lg" style="margin-top:20px; margin-bottom:0px;align:center; width:100%;">Save</button>
+              <button id="saveButton" class="btn btn-primary btn-lg" style="margin-top:20px; margin-bottom:0px;align:center; width:100%;">Save</button>
+              <button class="btn btn-default btn-lg js-view-as-gif" id="gif" style="margin: 0px 35px 0px 35px;width:100%;">Preview GIF</button>
           </div>
         </div>
       </div>
