diff --git a/modules_css/vue_app_overrides.css b/modules_css/vue_app_overrides.css index ec155f1..29cd9ff 100644 --- 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 index 289d8d5..95981f7 100644 --- 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 {