Change margin-top of content for org-view on smaller screens

nadineproject · Dec 26, 2016 · 6280c12 · 6280c12
1 parent 640f101
commit 6280c12
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/members/static/css/members.css b/members/static/css/members.css
@@ -1978,7 +1978,7 @@ footer.sticky-footer {
  		width: 90%;
  	}
 
-	.prof-tabs {
+	.prof-tabs, . {
 		margin-bottom: 10%;
 	}
 }

diff --git a/members/templates/members/org_view.html b/members/templates/members/org_view.html
@@ -22,6 +22,18 @@
       width: 100%;
     }
   }
+
+	@media only screen and (max-width: 900px) {
+		.col.s10.offset-s1 {
+			margin-top: 8%;
+		}
+	}
+
+	@media only screen and (max-width: 600px) {
+		.col.s10.offset-s1 {
+			margin-top: 10%;
+		}
+	}
 {% endblock %}
 
 {% block content %}
@@ -50,7 +62,6 @@ <h5>Edit Photo</h5>
 	</div>
 
 </div>
-
 <div id='picModal' class='modal'>
   <div class='picModal-content'>
     <div class='picModal-body'>