Adjust margins and padding in org_list to better center content

nadineproject · Dec 23, 2016 · 9c9e884 · 9c9e884
1 parent ebb629e
commit 9c9e884
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/members/static/css/members.css b/members/static/css/members.css
@@ -689,6 +689,10 @@ textarea#id_bio {
 	white-space: nowrap;
 }
 
+.org-list {
+	padding-left: 5%;
+}
+
 .org-card {
 	width: 210px;
 	height: 315px;
@@ -1976,6 +1980,14 @@ footer.sticky-footer {
 }
 
 @media only screen and (max-width: 700px) {
+	.org-list {
+		padding-left: 10%;
+	}
+
+	#org-search-form .search-btn {
+		font-size: .7em;
+	}
+
 	footer.main-footer {
 		background: RGBA(61, 61, 61, .9);
 		clear: both;
@@ -1995,6 +2007,14 @@ footer.sticky-footer {
 }
 
 @media only screen and (max-width: 600px) {
+	.org-card {
+		margin-left: 20%;
+	}
+
+	.lightbg {
+		margin-top: 11%;
+	}
+
 	.fc-toolbar {
 		margin-top: 10%;
 	}

diff --git a/members/templates/members/org_list.html b/members/templates/members/org_list.html
@@ -28,9 +28,11 @@ <h3 class='org-error' style="text-align:center; font-family:'Oswald', sans-serif
 			</div>
 		{% endif %}
 	{% else %}
+	<div class='org-list'>
 		{% for org in organizations %}
 			{% include 'members/org_card_frag.html' %}
 		{% endfor %}
+	</div>
 	{% endif %}
 </div>
 {% endblock %}