Rearrange buttons in UI

2025-12-08 01:10:02 +01:00 · 2019-03-24 12:03:20 -04:00
1 changed files with 2 additions and 12 deletions
--- 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">
@@ -147,13 +144,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">
@@ -185,14 +175,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>