Merge pull request #9478 from marcellamaki/adjust-button-focus-padding

Adjust padding for visible focus outline on bottom bar buttons
learningequality · Jun 3, 2022 · 984347c · 984347c
2 parents fb37883 + 5791926
commit 984347c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/kolibri/core/assets/src/views/BottomAppBar.vue b/kolibri/core/assets/src/views/BottomAppBar.vue
@@ -39,7 +39,7 @@
     z-index: 8; // material - Bottom app bar
     width: 100%;
     height: 72px;
-    padding: 16px 24px 0;
+    padding: 0 8px;
     margin: 0;
     overflow-x: hidden;
     font-size: 14px;
@@ -53,6 +53,8 @@
 
   .inner-bottom {
     height: 100%;
+    padding-top: 16px;
+    padding-right: 16px;
     overflow-x: hidden;
     overflow-y: visible; // Ensures feedback text is visible
   }

diff --git a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue
@@ -544,6 +544,7 @@ oriented data synchronization.
 
   .overall-status {
     margin-bottom: 8px;
+    margin-left: 12px;
   }
 
   .overall-status-text {
@@ -557,6 +558,7 @@ oriented data synchronization.
 
   .table {
     display: table;
+    padding-left: 12px;
   }
 
   .row {