fixing user image styling issue #44

AppBakerZ · Apr 12, 2017 · 740c727 · 740c727
1 parent 721df5d
commit 740c727
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/client/main.css b/client/main.css
@@ -128,46 +128,43 @@
 .image-group {
     text-align: center;
     position: relative;
+    margin: 20px 0 10px 0;
 }
 
 
 .fileUpload {
     position: absolute;
     overflow: hidden;
-    bottom: 0;
-    left: 0;
-    right: 0;
     width: 110px;
     margin: 0 auto;
+    bottom: 4px;
+    left: 0;
+    right: 0;
 }
 .fileUpload input.upload {
-    position: relative;
-    width: 110px;
+    position: absolute;
     top: 0;
     right: 0;
-    margin: 0 auto;
+    bottom: 4px;
+    margin: 0;
     padding: 0;
     font-size: 20px;
     cursor: pointer;
     opacity: 0;
     filter: alpha(opacity=0);
-    z-index: 301;
 }
 .fileUpload span{
     color: white;
-    position: absolute;
     background: rgba(0,0,0,0.5);
     width: 110px;
+    display: block;
     margin: 0 auto;
-    left: 0;
     text-transform: uppercase;
-    right: 0;
-    bottom: 4px;
-    padding: 5px 0 2px 0;
     cursor: pointer;
-    font-size: 14px;
+    font-size: 13px;
     font-weight: 600;
     letter-spacing: 0.5px;
+    padding: 3px 0 1px 0;
 }
 
 /*.area-chart{*/