Made file input hide it's button part of the global styling

3 files changed, 5 insertions, 9 deletions

diff --git a/src/app/components/feed/feed.component.css b/src/app/components/feed/feed.component.css
index 23a70d5..3d22349 100644
--- a/src/app/components/feed/feed.component.css
+++ b/src/app/components/feed/feed.component.css
@@ -136,10 +136,6 @@
   cursor: pointer;
 }
 
-#file-upload::-webkit-file-upload-button {
-  visibility: hidden;
-}
-
 #attachment-img {
   height: 1.5em;
   width: 1.5em;
diff --git a/src/app/components/profile-settings/profile-settings.component.css b/src/app/components/profile-settings/profile-settings.component.css
index a10d9c6..347c650 100644
--- a/src/app/components/profile-settings/profile-settings.component.css
+++ b/src/app/components/profile-settings/profile-settings.component.css
@@ -65,11 +65,6 @@ hr {
   cursor: pointer;
 }
 
-#upload-file > input::-webkit-file-upload-button,
-#upload-file > input::file-selector-button {
-  visibility: hidden;
-}
-
 #update-user {
   margin-top: 1.1em;
 }
diff --git a/src/styles.css b/src/styles.css
index ae70525..cc92d4d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -24,6 +24,11 @@ button:focus {
   outline: 0;
 }
 
+input[type=file]::-webkit-file-upload-button,
+input[type=file]::file-selector-button {
+  visibility: hidden;
+}
+
 #content {
   /* Used for the login and register pages */
   height: 100%;