[datasets_app] Style download button.

moreonion · Feb 22, 2019 · 5f07056 · 5f07056
1 parent af95fe5
commit 5f07056
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git a/modules_css/vue_app_overrides.css b/modules_css/vue_app_overrides.css
@@ -887,13 +887,13 @@
 .datasets-app * {
   box-sizing: border-box;
 }
-.datasets-app label {
+.datasets-app label:not(.el-button) {
   display: block;
   font-size: 0.8125rem;
   font-weight: bold;
   margin-bottom: 0.2rem;
 }
-.datasets-app label small {
+.datasets-app label:not(.el-button) small {
   font-weight: normal;
 }
 .datasets-app .dsa-intro-text,
@@ -1051,7 +1051,18 @@
   font-weight: bold;
 }
 .datasets-app .dsa-edit-dataset-dialog .dsa-upload-data-wrapper {
-  float: right;
+  display: block;
+}
+.datasets-app .dsa-edit-dataset-dialog .dsa-upload-data-wrapper .el-button {
+  margin-bottom: 1rem;
+}
+@media (min-width: 750px) {
+  .datasets-app .dsa-edit-dataset-dialog .dsa-upload-data-wrapper {
+    float: right;
+  }
+  .datasets-app .dsa-edit-dataset-dialog .dsa-upload-data-wrapper .el-button {
+    margin-bottom: 0;
+  }
 }
 .datasets-app .dsa-edit-dataset-dialog .dsa-choose-dataset {
   float: left;

diff --git a/modules_css/vue_app_overrides/_datasets_app.less b/modules_css/vue_app_overrides/_datasets_app.less
@@ -5,7 +5,7 @@
     box-sizing: border-box;
   }
 
-  label {
+  label:not(.el-button) {
     display: block;
     font-size: @font-size-base;
     font-weight: bold;
@@ -176,7 +176,19 @@
     }
 
     .dsa-upload-data-wrapper {
-      float: right;
+      display: block;
+
+      .el-button {
+        margin-bottom: 1rem;
+      }
+
+      @media (min-width: 750px) {
+        float: right;
+
+        .el-button {
+          margin-bottom: 0;
+        }
+      }
     }
 
     .dsa-choose-dataset {