From 579192627e16cc165c23a9543b977e6f1bef7c66 Mon Sep 17 00:00:00 2001
From: Marcella Maki <marcellamaki@gmail.com>
Date: Thu, 2 Jun 2022 09:18:09 -0400
Subject: [PATCH] Adjust padding for visible focus outline on bottom bar
 buttons

---
 kolibri/core/assets/src/views/BottomAppBar.vue                | 4 +++-
 .../learn/assets/src/views/AssessmentWrapper/index.vue        | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/kolibri/core/assets/src/views/BottomAppBar.vue b/kolibri/core/assets/src/views/BottomAppBar.vue
index e8d76132fa..46e6146447 100644
--- 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
index 948984907f..243b9a635b 100644
--- 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 {