[8.2] Make the Gallery button in Files more discreet

1 files changed, 28 insertions, 2 deletions

diff --git a/css/gallerybutton.css b/css/gallerybutton.css
index 83e45bcf..a120e01a 100644
--- a/css/gallerybutton.css
+++ b/css/gallerybutton.css
@@ -5,11 +5,31 @@
 
 #controls .button.view-switcher {
 	float: right;
-	margin-right: 4px;
 	margin-top: 5px;
 	font-weight: normal;
 	width: 40px;
-	padding: 8px 11px;
+	padding: 6px 11px;
+	background-color: transparent;
+	border: 1px solid transparent;
+}
+
+#controls .button.view-switcher img{
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	filter: alpha(opacity=30);
+	opacity: .3;
+}
+
+#controls .button.view-switcher.gallery {
+	float: none;
+	margin-right: 4px;
+	padding: 7px 11px;
+	background-color: rgba(240, 240, 240, .9);
+}
+
+#controls .button.view-switcher.gallery img{
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
+	opacity: .5;
 }
 
 #controls .button.sorting {
@@ -67,6 +87,12 @@
 	border: 1px solid rgba(240, 240, 240, .9);
 }
 
+#controls .button.view-switcher:hover {
+	background-color: rgba(255, 255, 255, .9);
+	color: #111;
+	border: 1px solid rgba(240, 240, 240, .9);
+}
+
 #controls .button.sorting.active-button {
 	background-color: rgba(255, 255, 255, .9);
 	color: #111;