diff --git a/apps/federatedfilesharing/css/settings-admin.css b/apps/federatedfilesharing/css/settings-admin.scss
similarity index 100%
rename from apps/federatedfilesharing/css/settings-admin.css
rename to apps/federatedfilesharing/css/settings-admin.scss
diff --git a/apps/federatedfilesharing/css/settings-personal.css b/apps/federatedfilesharing/css/settings-personal.scss
similarity index 53%
rename from apps/federatedfilesharing/css/settings-personal.css
rename to apps/federatedfilesharing/css/settings-personal.scss
index 6cb69f83cb6..eda7a80cb1a 100644
--- a/apps/federatedfilesharing/css/settings-personal.css
+++ b/apps/federatedfilesharing/css/settings-personal.scss
@@ -17,25 +17,22 @@
[class^="social-"], [class*=" social-"] {
background-repeat: no-repeat;
- background-position: 2px;
+ background-position: 8px;
min-width: 16px;
min-height: 16px;
- padding-left: 29px;
- background-size: 24px;
+ padding-left: 28px;
+ background-size: 16px;
}
-.social-gnu {
- background-image: url('../img/social-gnu.svg');
-}
.social-diaspora {
- background-image: url('../img/social-diaspora.svg');
+ @include icon-color('social-diaspora', 'federatedfilesharing', $color-black);
}
.social-twitter {
- background-image: url('../img/social-twitter.svg');
+ @include icon-color('social-twitter', 'federatedfilesharing', $color-black);
}
.social-facebook {
- background-image: url('../img/social-facebook.svg');
+ @include icon-color('social-facebook', 'federatedfilesharing', $color-black);
}
.social-googleplus {
- background-image: url('../img/social-googleplus.svg');
+ @include icon-color('social-googleplus', 'federatedfilesharing', $color-black);
}
diff --git a/apps/federatedfilesharing/img/social-googleplus.svg b/apps/federatedfilesharing/img/social-googleplus.svg
index 2b5929ce2d9..53af74c64f1 100644
--- a/apps/federatedfilesharing/img/social-googleplus.svg
+++ b/apps/federatedfilesharing/img/social-googleplus.svg
@@ -1 +1 @@
-
\ No newline at end of file
+