From 5ca0a68022901c10826e48f510e6ba553dfd600c Mon Sep 17 00:00:00 2001
From: Nero Ignis <neroignis@gmail.com>
Date: Fri, 8 Jan 2021 00:37:20 +0100
Subject: [PATCH] First working version;

---
 css/app.css |  6 ++++++
 index.html  | 12 ++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/css/app.css b/css/app.css
index 2943f39..02ce642 100644
--- a/css/app.css
+++ b/css/app.css
@@ -19,4 +19,10 @@ h1, h2, h3, h4, h5, h6, button:not(.btn-close)  {
     border: none;
     background-color: transparent;
     color: white;
+}
+
+footer {
+    position: fixed;
+    bottom: 2em;
+    right: 2em;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a02d857..4623aa6 100644
--- a/index.html
+++ b/index.html
@@ -15,17 +15,23 @@
         <div class="col-6">
             <h2>9Follow</h2>
         </div>
+
         <div class="col-6 text-right">
             <button id="follow-button" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#addModal">
                 <i class="fas fa-user-plus"></i>
             </button>
         </div>
+
         <div class="col-md-12">
             <hr color="white"/>
         </div>
 
         <div class="col-md-12">
-            <ul class="list-group">
+            <div class="alert alert-secondary" v-if="followedAccounts.length === 0">
+                Pretty lonely here.<br/>
+                Add some accounts to your list.
+            </div>
+            <ul class="list-group" v-else>
                 <li class="list-group-item" v-for="account in followedAccounts">
                     <a href="javascript:" @click="visitAccount(account)">{{ account.name }}</a><br/>
                     <small class="muted">{{ getDiffForView(account.lastVisited) }}</small>
@@ -57,7 +63,9 @@
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal" @click="followAccount()">Add to list</button>
+                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal" @click="followAccount()">Add
+                        to list
+                    </button>
                 </div>
             </div>
         </div>