SamTV12345 · SamTV12345 · Apr 29, 2023 · Apr 29, 2023
diff --git a/README.md b/README.md
@@ -81,20 +81,7 @@ The cli usage is described here: [CLI.md](docs/CLI.md)
 
 # UI
 
-## Audio Player
-The podcast listening tool contains an advanced audio player that can be used to listen to your podcasts,skip episodes, turn the volumes as high as 300% or skip around in the current episode.
-![Audio Player](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/advanced_audio_player.png)
 
-# Continue right where you stopped
-
-The tool will automatically save your progress in the current episode and will resume from where you left off even if you close the browser. 
-You can continue listening on all devices by just hitting play on any episode on your home screen.
-
-![Continue listening to episodes](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/continue_listening.png)
-
-## Search for podcasts
-You can search for podcast episodes by hitting CTRL+F and typing any word that might appear in the description or title of the podcast episode you want to listen to.
-![Audio Player](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/search.png)
 
 ## Internationalization
 Podfetch is currently available in English and German. If you want to add a new language you can do so by adding a new file to the `i18n` folder and adding the translations to the file.

diff --git a/docs/Info_Page.png b/docs/Info_Page.png
diff --git a/docs/UIWalkthrough.md b/docs/UIWalkthrough.md
@@ -0,0 +1,44 @@
+# UI
+
+## Audio Player
+The podcast listening tool contains an advanced audio player that can be used to listen to your podcasts,skip episodes, turn the volumes as high as 300% or skip around in the current episode.
+![Audio Player](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/advanced_audio_player.png)
+
+# Continue right where you stopped
+
+The tool will automatically save your progress in the current episode and will resume from where you left off even if you close the browser.
+You can continue listening on all devices by just hitting play on any episode on your home screen.
+
+![Continue listening to episodes](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/continue_listening.png)
+
+## Search for podcasts
+You can search for podcast episodes by hitting CTRL+F and typing any word that might appear in the description or title of the podcast episode you want to listen to.
+![Audio Player](https://raw.githubusercontent.com/SamTV12345/podfetch/main/docs/search.png)
+
+
+Below are some fullscreen images so you can get a better grasp of the UI.
+
+## Home Screen
+![Home Screen](./home.png)
+
+## Podcast View
+
+![Podcast View](podcast.png)
+![Fullscreen View](fullscreen.png)
+
+## Timeline View
+
+![Timeline](timeline.png)
+
+## Info View
+
+![Info page](Info_Page.png)
+
+
+## Settings
+
+![Settings](settings.png)
+
+## Administration
+
+![Administration](administration.png)
diff --git a/docs/administration.png b/docs/administration.png
diff --git a/docs/fullscreen.png b/docs/fullscreen.png
diff --git a/docs/home.png b/docs/home.png
diff --git a/docs/podcast.png b/docs/podcast.png
diff --git a/docs/settings.png b/docs/settings.png
diff --git a/docs/timeline.png b/docs/timeline.png
diff --git a/ui/src/pages/AdministrationUserPage.tsx b/ui/src/pages/AdministrationUserPage.tsx
@@ -68,7 +68,7 @@ export const AdministrationUserPage = () => {
                 {
                     users.map((v)=>
 
-                        <tr className="border-b border-gray-700">
+                        <tr className="border-b bg-gray-800 border-gray-700">
                             <th scope="row"
                                 className="px-6 py-4 font-medium whitespace-nowrap text-white">
                                 {v.id}