First working version;

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;
 }

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>