Fixed icons padding

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

apps/files_external/css/settings.scss

@@ -32,15 +32,24 @@ td.mountPoint, td.backend { width:160px; }
 #addMountPoint>td.applicable { visibility:hidden; }
 #addMountPoint>td.hidden { visibility:hidden; }
 
-#externalStorage td.mountOptionsToggle {
-	position: relative;
-	padding: 0 !important;
-	width: 44px;
-}
-#externalStorage .icon-settings {
-	padding: 14px;
-	vertical-align: text-bottom;
-	cursor: pointer;
+#externalStorage td {
+	&.mountOptionsToggle,
+	&.remove,
+	&.save {
+		position: relative;
+		padding: 0 !important;
+		width: 44px;
+		opacity: 0.5;
+		&:hover {
+			opacity: 1;
+		}
+		[class^='icon-'],
+		[class*=' icon-'] {
+			padding: 14px;
+			vertical-align: text-bottom;
+			cursor: pointer;
+		}
+	}
 }
 
 #selectBackend {

apps/files_external/templates/settings.php

@@ -143,21 +143,14 @@
 					</td>
 				<?php endif; ?>
 				<td class="mountOptionsToggle hidden">
-					<div class="icon-settings" title="<?php p($l->t('Advanced settings')); ?>"></div>
+					<div class="icon-settings-dark" title="<?php p($l->t('Advanced settings')); ?>"></div>
 					<input type="hidden" class="mountOptions" value="" />
 				</td>
 				<td class="remove hidden">
-					<img class="svg"
-						alt="<?php p($l->t('Delete')); ?>"
-						title="<?php p($l->t('Delete')); ?>"
-						src="<?php print_unescaped(image_path('core', 'actions/delete.svg')); ?>"
-					/>
+					<div class="icon-delete" title="<?php p($l->t('Delete')); ?>"></div>
 				</td>
 				<td class="save hidden">
-					<img alt="<?php p($l->t('Save')); ?>"
-						 title="<?php p($l->t('Save')); ?>"
-						 src="<?php print_unescaped(image_path('core', 'actions/checkmark.svg')); ?>"
-					/>
+					<div class="icon-checkmark" title="<?php p($l->t('Save')); ?>"></div>
 				</td>
 			</tr>
 		</tbody>