Add grid + fix README

README.md

@@ -2,7 +2,7 @@ Project URL: https://frill-corn.glitch.me
 
 OpenRadio is a system where the admin can create multiple radio stations for users to listen into by inputing youtube urls(defintley going to expand). Everyone listening to hte radio station should be at approximatley the same time as everyone else(last test resulted in 1 to 3 second difference). It comes with a nice admin panel that you can configure the password in. It's also open-source on github(I wouldn't call it openradio if it wasn't) at https://github.com/javaarchive/OpenRadio/tree/glitch
 You can create a new project from github and configure these values in .env and your OpenRadio instance should be setup. Feel free to delete coding playlist and testing playlist. Make sure to set these values in .env
-![image|515x500](upload://5xXblWOJMI3B3Z56OzeIlgOuKW2.png)
+![image|515x500](https://aws1.discourse-cdn.com/business6/uploads/glitch/original/2X/2/26e174f9970d1c2934402ddec18e3c629dbbda36.png)
 You don't need to set `MADE_WITH` but `PASSWORD` is the admin password and `SECRET` is your secret for session cookies. There's also a whole lot more config in `config.js`
 There are a few annoying bugs and issues which I have described in my latest release: https://github.com/javaarchive/OpenRadio/releases/tag/V2.0.0
 
@@ -15,14 +15,14 @@ I think I got inspiration when Ben or Electric Reality on discord sent a idea fo
 
 # Screenshots
 
-![image|690x348](upload://sbgT6fDQYyrtiF48Pzbee7BGljE.png)
+![image|690x348](https://aws1.discourse-cdn.com/business6/uploads/glitch/original/2X/c/c5831337dd3a7a12b81c32bbe372651e43608fb6.png)
 Control click play button to show audio element
-![image|690x224](upload://fpxSIOrR6jevQRTsSgulBPyxf59.png)
-![image|690x187](upload://gHTqLip8ht6pg92zrm1El5yvtgm.png)
-![image|690x184](upload://sVFESkrpwMiYsiaFh2TZeWavZfN.png)
+![image|690x224](https://aws1.discourse-cdn.com/business6/uploads/glitch/optimized/2X/6/6c03e1a21717cd1355edb3018d9482d60ce550f3_2_690x224.png)
+![image|690x187](https://aws1.discourse-cdn.com/business6/uploads/glitch/optimized/2X/7/751900a40f395403f8cad076ebf8104c7af87332_2_690x187.png)
+![image|690x184](https://aws1.discourse-cdn.com/business6/uploads/glitch/optimized/2X/c/cac1cc48a1a4daa52c0bc2ac85a702ba42c1892f_2_690x184.png)
 pretty proud of this screen
-![image|690x401](upload://b5qgTymjw0M3MNLKxFm61232FXy.png)
-![image|690x248](upload://9wln6wcOcOoR9MpjvGBFsluCSf3.png)
+![image|690x401](https://aws1.discourse-cdn.com/business6/uploads/glitch/optimized/2X/4/4db4de2291312f62dad7f085d33fd6fc4c7f2130_2_690x401.png)
+![image|690x248](https://aws1.discourse-cdn.com/business6/uploads/glitch/original/2X/4/42bb910d85c90fec87be2d5d537739d72a773a0d.png)
 
 # Customization
 

views/admin_playlist.html

@@ -1,12 +1,15 @@
-<div class="card" style="width: 18rem;">
-  <div class="card-body">
-    <h5 class="card-title">{{name}}</h5>
-    <h6 class="card-subtitle mb-2 text-muted">
-      {{count}} items in this playlist
-    </h6>
-    <p class="card-text">
-      Playlist descriptions are probaly gonna be part of a future update.
-    </p>
-    <a class="card-link" href="/playlist_editor/{{name}}">Edit Playlist</a>
+
+  <div class="col-4">
+   <div class="card">
+      <div class="card-body">
+        <h5 class="card-title">{{name}}</h5>
+        <h6 class="card-subtitle mb-2 text-muted">
+          {{count}} items in this playlist
+        </h6>
+        <p class="card-text">
+          Playlist descriptions are probaly gonna be part of a future update.
+        </p>
+        <a class="card-link" href="/playlist_editor/{{name}}">Edit Playlist</a>
+      </div>
+    </div>
   </div>
-</div>

views/playlists_admin.html

@@ -2,7 +2,7 @@
   <h1>
     Showing playlists
   </h1>
-  <div class="card-deck">
+  <div class="card-deck row">
   {{{playlists}}}
   </div>
   <form method="POST">