From a6e43ba9bc32e5a4f335a85e4d019b693b045324 Mon Sep 17 00:00:00 2001
From: Marcella Maki <marcellamaki@gmail.com>
Date: Thu, 5 May 2022 14:20:46 -0400
Subject: [PATCH] shuffle around styling to ensure full focus outline on
 firefox bookmarks cards

---
 .../learn/assets/src/views/HybridLearningCardGrid.vue        | 2 +-
 .../assets/src/views/HybridLearningContentCardListView.vue   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
index 4bcf5fb767a..2ae6d13695b 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
@@ -183,7 +183,7 @@
 
 <style lang="scss" scoped>
 
-  $gutters: 16px;
+  $gutters: 32px;
 
   .card-grid-item {
     margin-bottom: $gutters;
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
index 82c8db50e03..e7ebeba4ede 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
@@ -171,6 +171,10 @@
   $h-padding: 24px;
   $v-padding: 16px;
 
+  a {
+    display: block;
+  }
+
   .card {
     @extend %dropshadow-1dp;
 
@@ -179,7 +183,6 @@
     width: 100%;
     min-height: 246px;
     padding: $v-padding $h-padding;
-    margin-bottom: 24px;
     text-decoration: none;
     vertical-align: top;
     border-radius: 8px;