Use columns for sizing of org_edit

nadineproject · Dec 30, 2016 · 623e329 · 623e329
1 parent f91eede
commit 623e329
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/members/static/css/members.css b/members/static/css/members.css
@@ -835,8 +835,7 @@ h5.org-members {
 .org-form {
 	background: RGBA(239, 238, 231, 1);
 	padding: 2%;
-	width: 80%;
-	margin-left: 10%;
+	min-width: 600px;
 }
 
 .org-form .org-label {
@@ -2037,7 +2036,7 @@ footer.sticky-footer {
 		margin-bottom: 10%;
 	}
 
-	select#id_public_profile.browser-default {
+	select#id_public_profile.browser-default, select#id_public.browser-default {
 		width: 50%;
 	}
 }

diff --git a/members/templates/members/org_edit.html b/members/templates/members/org_edit.html
@@ -4,6 +4,15 @@
 {% block sub-title %}Organization | {% endblock %}
 
 {% block style %}
+	@media only screen and (max-width: 1100px) {
+		.row .col.offset-s1.s10 {
+			margin-left: 0;
+		}
+
+		.row .col.s10 {
+			width: 100%;
+		}
+	}
 {% endblock %}
 
 {% block content %}
@@ -16,7 +25,7 @@ <h3 class='oswald' style='text-align: center;'>Edit {{ organization.name}}</h3>
 		<br />
 	</div>
 {% endif %}
-<form class='org-form' method="POST" action="." enctype="multipart/form-data">
+<form class='org-form s12 m12 l12' method="POST" action="." enctype="multipart/form-data">
 	{{ form.org_id }}
 	<table>
 		<tr>
@@ -104,10 +113,6 @@ <h5 class='oswald links-header'>Links</h5>
 	{% for link_form in org_link_formset %}
 	<div class='link-formset row'>
 		<div class='col s10'>
-			<div class='row headers'>
-				<p class='cap-label col s4'><strong>Link Type</strong></p>
-				<p class='cap-label col s6 offset-s2'><strong>Link URL</strong></p>
-			</div>
 			<div class='row'>
 				<p class='pf-input url-type col s4'>{{ link_form.url_type }}</p>
 				<p class='pf-input form-url col s6 offset-s2'>{{ link_form.url  }}</p>