Squashed commit of the following:

commit e52bc9c6b2
Author: KodeStar <kodestar@gmail.com>
Date:   Thu Mar 17 10:23:15 2022 +0000

    Update supportedapps.json

commit a16233ee10
Author: KodeStar <kodestar@gmail.com>
Date:   Thu Mar 17 10:21:24 2022 +0000

    Fix for displaying svg icons correctly

public/css/app.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 html {
   font-family: sans-serif;
@@ -848,9 +849,20 @@ div.create .input input, div.create .input select {
   border-radius: 6px;
 }
 
+.app-icon-container {
+  width: 60px;
+  height: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 15px;
+  flex: 0 0 60px;
+}
+
 .app-icon {
   max-width: 60px;
-  margin-right: 15px;
+  display: block;
+  max-height: 60px;
 }
 
 .sidenav {

public/js/app.js

@@ -620,14 +620,14 @@ $.when($.ready).then(function () {
       drop: function( event, ui ) {
           var tag = $( this ).data('id');
           var item = $( ui.draggable ).data('id');
-           $.get('tag/add/'+tag+'/'+item, function(data) {
+            $.get('tag/add/'+tag+'/'+item, function(data) {
               if(data == 1) {
                   $( ui.draggable ).remove();
               } else {
                   alert('not added');
               }
           });
-       }
+        }
     });*/
 
   $('#sortable').sortable({

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=953b8b27868431843dae",
-    "/js/app.js": "/js/app.js?id=ff749484877e4ce6c2f6"
+    "/css/app.css": "/css/app.css?id=c5354f371a3887feab28",
+    "/js/app.js": "/js/app.js?id=c95edea425171c6ce8f6"
 }

resources/assets/sass/_app.scss

@@ -647,10 +647,19 @@ div.create {
 		}
 	}
 }
-
+.app-icon-container {
+	width: 60px;
+	height: 60px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-right: 15px;
+	flex: 0 0 60px;
+}
 .app-icon {
 	max-width: 60px;
-	margin-right: 15px;
+	display: block;
+	max-height: 60px;
 }
 
 .sidenav {

resources/views/item.blade.php

@@ -1,10 +1,12 @@
                     <section class="item-container{{ $app->droppable }}" data-name="{{ $app->title }}" data-id="{{ $app->id }}">
                         <div class="item" style="background-color: {{ $app->colour }}">
-                            @if($app->icon)
-                            <img class="app-icon" src="{{ asset('/storage/'.str_replace('supportedapps', 'icons', $app->icon)) }}" />
-                            @else
-                            <img class="app-icon" src="{{ asset('/img/heimdall-icon-small.png') }}" />
-                            @endif
+                            <div class="app-icon-container">
+                                @if($app->icon)
+                                <img class="app-icon" src="{{ asset('/storage/'.str_replace('supportedapps', 'icons', $app->icon)) }}" />
+                                @else
+                                <img class="app-icon" src="{{ asset('/img/heimdall-icon-small.png') }}" />
+                                @endif
+                            </div>
                             <div class="details">
                                 <div class="title{{ title_color($app->colour) }}">{{ $app->title }}</div>
                                 @if($app->enabled())