Layout fixes

edit/index.html

@@ -60,16 +60,16 @@
  </ul>
  <form class="d-flex">
  <button class="btn btn-primary me-2" type="button" data-bs-toggle="modal" data-bs-target="#photostack-import-modal" data-backdrop="static" data-keyboard="false" aria-label="Import">
- <i class="bi bi-folder-plus"></i>
- <span class="d-sm-none d-md-inline">Import</span>
+ <i class="bi bi-folder-plus me-md-2"></i>
+ <span class="d-sm-none d-md-inline me-md-2">Import</span>
  <span class="badge bg-dark photostack-image-count">0</span>
  </button>
  <button class="btn btn-primary me-2" id="photostack-clear-images-btn" type="button" aria-label="Clear">
- <i class="bi bi-trash"></i>
+ <i class="bi bi-trash me-md-2"></i>
  <span class="d-sm-none d-md-inline">Clear</span>
  </button>
  <button class="btn btn-primary me-2" type="button" data-bs-toggle="modal" data-bs-target="#photostack-export-modal" data-backdrop="static" data-keyboard="false" disabled aria-label="Export">
- <i class="bi bi-share-fill"></i>
+ <i class="bi bi-save me-md-2"></i>
  <span class="d-sm-none d-md-inline">Export</span>
  </button>
  </form>
@@ -88,7 +88,7 @@
  <b>A preview will appear here once you import some images.</b>
  <br>
  <br>
- To get started, <span class="d-sm-none">click the menu button at the top-right of the screen, then click Import</span><span class="d-none d-sm-inline">click the Import button at the top-right of the screen</span> to import some images. When you're ready to save your work, click the Export button.
+ To get started, <span class="d-sm-none">click the menu button at the top-right of the screen, then click <i class="bi bi-folder-plus"></i> Import</span><span class="d-none d-sm-inline">click the <i class="bi bi-folder-plus"></i> Import button at the top-right of the screen</span> to import some images. When you're ready to save your work, click the <i class="bi bi-save"></i> Export button.
  </div>
  </div>
  </div>