fix: place export button above the table

adfinis · Jan 27, 2022 · 6917c0e · 6917c0e
1 parent f292beb
commit 6917c0e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/frontend/app/styles/pages/subscriptions/list.scss b/frontend/app/styles/pages/subscriptions/list.scss
@@ -2,7 +2,7 @@
   &__button {
     @extend .uk-button;
     @extend .uk-button-default;
-    @extend .uk-margin-right;
+    @extend .uk-align-right;
   }
 
   &__hint {

diff --git a/frontend/app/subscriptions/list/template.hbs b/frontend/app/subscriptions/list/template.hbs
@@ -24,6 +24,16 @@
       <label class="form__label" for="form-filter">
         {{~t "page.subscriptions.list.filter"~}}
       </label>
+      <span class="subscription-export">
+        <button
+          {{on "click" this.export}}
+          class="subscription-export__button"
+          type="button"
+          title={{~t "page.subscriptions.list.export.hint"~}}
+        >
+          {{~t "page.subscriptions.list.export.label"~}}
+        </button>
+      </span>
     </p>
 
     <div class="data-table">
@@ -91,20 +101,5 @@
         </tbody>
       </table>
     </div>
-
-    <p class="subscription-export">
-      <button
-        {{on "click" this.export}}
-        class="subscription-export__button"
-        type="button"
-      >
-        {{~t "page.subscriptions.list.export.label"~}}
-      </button>
-
-      <span class="subscription-export__hint">
-        {{~t "page.subscriptions.list.export.hint"~}}
-      </span>
-    </p>
-
   </div>
 </section>