From 29b8582d4af217b9508f2457d9d97dcfd1ca5160 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Sat, 6 May 2023 21:12:48 -0700
Subject: [PATCH] mnav: make icons smaller

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/MobileNav.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/MobileNav.vue b/src/components/MobileNav.vue
index e3f0cf47..499290f5 100644
--- a/src/components/MobileNav.vue
+++ b/src/components/MobileNav.vue
@@ -1,17 +1,17 @@
 <template>
   <div id="mobile-nav">
     <router-link to="/">
-      <ImageMultipleIcon />
+      <ImageMultipleIcon size="22" />
       {{ t('memories', 'Photos') }}
     </router-link>
 
     <router-link to="/explore">
-      <SearchIcon />
+      <SearchIcon size="22" />
       {{ t('memories', 'Explore') }}
     </router-link>
 
     <router-link to="/albums">
-      <AlbumIcon />
+      <AlbumIcon size="22" />
       {{ t('memories', 'Albums') }}
     </router-link>
   </div>
@@ -67,8 +67,9 @@ export default defineComponent({
   height: var(--mobile-nav-width);
   text-align: center;
   padding: 8px;
-  padding-top: 2px;
+  padding-top: 4px;
   font-size: 0.9em;
+  line-height: 1.5em;
 
   :deep a {
     flex: 1 1 0px;