From f799df5a6bb782b56a33f88ea5bbf24a787a1f99 Mon Sep 17 00:00:00 2001
From: Akhil Gupta <akhil.gupta@faballey.com>
Date: Tue, 27 Oct 2020 15:32:43 +0530
Subject: [PATCH] menu in mobile view

---
 client/addPodcast.html | 8 +++++++-
 client/navbar.html     | 7 ++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/addPodcast.html b/client/addPodcast.html
index fdf0d5d..d03b44e 100644
--- a/client/addPodcast.html
+++ b/client/addPodcast.html
@@ -8,6 +8,7 @@
     {{template "commoncss"}}
     <style>
         [v-cloak] { display: none }
+
     </style>
     
 </head>
@@ -48,7 +49,8 @@
     <progress v-if="searching" class="u-full-width"></progress>
     <div class="results">
        
-        <div v-for="item in results" :key="item.url" class="row">
+        <div v-for="item in results" :key="item.url">
+            <div class="row">
             <div class="columns two">
                 <img class="u-full-width" :src="item.image" :alt="item.title">
             </div>
@@ -59,7 +61,11 @@
               </div>
               <div class="columns one">
                   <button  v-if="!item.already_saved" v-on:click="addPodcast(item)" class="button button-primary">+ Add</button >
+                    <button  v-if="item.already_saved"  class="button" disabled="disabled">Already Added</button >
+                    
               </div>
+            </div>
+              <hr>
         </div>
     </div>
 </div>
diff --git a/client/navbar.html b/client/navbar.html
index b04335f..e503abd 100644
--- a/client/navbar.html
+++ b/client/navbar.html
@@ -1,7 +1,7 @@
 {{define "navbar"}}
 <style>
     /* Larger than tablet */
-@media (min-width: 750px) {
+
   .navbar + .docs-section {
     border-top-width: 0; }
   .navbar,
@@ -44,6 +44,11 @@
   /* Re-overiding the width 100% declaration to match size of % based container */
   .has-docked-nav .navbar > .container {
     width: 80%; }
+/* } */
+@media (max-width: 750px) {
+  .navbar-link{
+    margin-right: 1.5em;
+  }
 }
 </style>
 <nav class="navbar">