From c0601d46823fcffa3ec6cf6837fb780ec4b2933e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@mcgalaxy.de>
Date: Sat, 25 May 2019 11:22:29 +0200
Subject: [PATCH] added icon padding within permission list

---
 shared/css/static/general.scss | 135 +++++++++++++++++----------------
 shared/css/static/modals.scss  |   3 +-
 2 files changed, 70 insertions(+), 68 deletions(-)

diff --git a/shared/css/static/general.scss b/shared/css/static/general.scss
index 57778994..98ad52d7 100644
--- a/shared/css/static/general.scss
+++ b/shared/css/static/general.scss
@@ -45,7 +45,7 @@
 
 @viewport {
 	width: device-width;
-	user-zoom:fixed;
+	user-zoom: fixed;
 }
 
 .select_info {
@@ -237,7 +237,7 @@ $small_device: 650px;
 $animation_length: .5s;
 
 .app {
-    min-width: 350px;
+	min-width: 350px;
 	min-height: 330px;
 
 	.container-app-main {
@@ -318,17 +318,17 @@ $animation_length: .5s;
 	}
 
 
-    .hide-small {
-        opacity: 1;
-        transition: opacity $animation_length linear;
-    }
+	.hide-small {
+		opacity: 1;
+		transition: opacity $animation_length linear;
+	}
 
-    .show-small {
-        display: none;
+	.show-small {
+		display: none;
 
-        opacity: 0;
-        transition: opacity $animation_length linear;
-    }
+		opacity: 0;
+		transition: opacity $animation_length linear;
+	}
 }
 
 @media only screen and (max-width: 400px), only screen and (max-height: 400px) {
@@ -338,62 +338,63 @@ $animation_length: .5s;
 }
 
 @media only screen and (max-width: $small_device) {
-    .app-container {
-        right: 0;
-        left: 0;
-        top: 0;
+	.app-container {
+		right: 0!important;
+		left: 0!important;;
+		top: 0!important;;
 
-        transition: all $animation_length linear;
+		transition: all $animation_length linear;
 		overflow: auto;
-    }
+	}
 
-    .app {
-        .container-app-main {
+	.app {
+		.container-app-main {
 
-            .container-info {
-                display: none;
-                position: absolute;
+			.container-info {
+				display: none;
+				position: absolute;
 
-                width: 100%!important; /* override the seperator property */
-                height: 100%;
+				width: 100% !important; /* override the seperator property */
+				height: 100%;
 
-                z-index: 1000;
+				z-index: 1000;
 
-                &.shown {
-                    display: block;
-                }
+				&.shown {
+					display: block;
+				}
 
-                .select_info {
-                    > .close {
-                        display: block;
-                    }
-                }
-            }
+				.select_info {
+					> .close {
+						display: block;
+					}
+				}
+			}
 
-            .container-channel-chat + .container-seperator {
-                display: none;
-                animation: fadeout $animation_length linear;
-            }
+			.container-channel-chat + .container-seperator {
+				display: none;
+				animation: fadeout $animation_length linear;
+			}
 
-            .container-channel-chat {
-                width: 100%!important; /* override the seperator property */
-            }
-        }
-    }
+			.container-channel-chat {
+				width: 100% !important; /* override the seperator property */
+			}
+		}
+	}
 
-    .hide-small {
-        display: none;
-        opacity: 0;
-        transition: opacity $animation_length linear;
-    }
+	.hide-small {
+		display: none;
+		opacity: 0;
+		transition: opacity $animation_length linear;
+	}
 
-    .show-small {
-        display: block!important;
+	.show-small {
+		display: block !important;
 
-        opacity: 1!important;
-        transition: opacity $animation_length linear;
-    }
+		opacity: 1 !important;
+		transition: opacity $animation_length linear;
+	}
 }
+
 .container-seperator {
 	background: lightgray;
 	flex-grow: 0;
@@ -455,21 +456,21 @@ body {
 }
 
 .icon-playlist-manage {
-    &.icon {
-        width: 16px;
-        height: 16px;
+	&.icon {
+		width: 16px;
+		height: 16px;
 
-        background-position: -5px -5px;
-        background-size: 25px;
-    }
+		background-position: -5px -5px;
+		background-size: 25px;
+	}
 
-    &.icon_x32 {
-        width: 32px;
-        height: 32px;
+	&.icon_x32 {
+		width: 32px;
+		height: 32px;
 
-        background-position: -11px -9px;
-        background-size: 50px;
-    }
+		background-position: -11px -9px;
+		background-size: 50px;
+	}
 
 	display: inline-block;
 	background: url('../../img/music/playlist.svg') no-repeat;
@@ -489,6 +490,6 @@ x-content {
 
 /* bootstrap materialize fix */
 .form-row {
-	margin-left: 0!important;
-	margin-right: 0!important;
+	margin-left: 0 !important;
+	margin-right: 0 !important;
 }
\ No newline at end of file
diff --git a/shared/css/static/modals.scss b/shared/css/static/modals.scss
index ca0deb63..ccfa98ef 100644
--- a/shared/css/static/modals.scss
+++ b/shared/css/static/modals.scss
@@ -280,8 +280,9 @@ modal-body {
 			white-space: nowrap;
 			cursor: pointer;
 
-			.icon, .icon_empty {
+			.icon, .icon_empty, .icon-container {
 				margin-right: 3px;
+				margin-left: 3px;
 			}
 
 			.name.savedb {