MDL-62173 Theme bootstrapbase: clean backup restore UI

-fix display of detail-pair. These are not rendered well on theme clean for small devices
yousuftafhim · Apr 26, 2018 · 78d77c4 · 78d77c4
1 parent 641d113
commit 78d77c4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/theme/bootstrapbase/less/moodle/backup-restore.less b/theme/bootstrapbase/less/moodle/backup-restore.less
@@ -234,3 +234,15 @@
     height: 300px;
     overflow-y: scroll;
 }
+
+@media (max-width: 768px) {
+    .backup-restore .backup-section.settings-section .detail-pair {
+        width: 100%;
+    }
+}
+
+@media (max-width: 900px) {
+    .backup-restore .backup-section.settings-section .detail-pair-label {
+        width: 50%;
+    }
+}
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
@@ -18384,6 +18384,16 @@ div#dock {
   height: 300px;
   overflow-y: scroll;
 }
+@media (max-width: 768px) {
+  .backup-restore .backup-section.settings-section .detail-pair {
+    width: 100%;
+  }
+}
+@media (max-width: 900px) {
+  .backup-restore .backup-section.settings-section .detail-pair-label {
+    width: 50%;
+  }
+}
 table.flexible,
 .generaltable {
   width: 100%;