Adjust spacing of form inputs

Fixes #56 and #57.

Author: Krystle Salazar

legal_db/static/styles.scss

@@ -10,6 +10,10 @@ $color-lighter-gray: rgb(245, 245, 245);
 
 $hero-body-padding: 3rem 1.5rem !default;
 
+$space-small: 0.5rem;
+$space-big: 1.5rem;
+$space-xxl: 6rem;
+
 body {
     color: $color-dark-slate-gray;
 }
@@ -171,6 +175,16 @@ body {
 
 .form {
   max-width: 768px;
+
+  &.case, &.scholarship {
+    margin: $space-big $space-xxl;
+
+    .input {
+      margin-top: $space-small;
+      margin-bottom: .75rem;
+
+    }
+  }
 }
 
 .hero {

legal_db/templates/legal_db/case/form.html

@@ -7,7 +7,7 @@ <h2>Case Submission</h2>
   <p class="hero-p">Please add any cases related to Creative Commons licenses and other legal tools that you think should be included in the database.
&nbsp;&nbsp;&nbsp;<span class="required">*</span> Required.</p>
 </section>
 <section class="has-background-grey-lighter padding-vertical-normal">
-  <form class="form margin-horizontal-xxl margin-vertical-big" action="{% url 'case_submit' %}" method="post">
+  <form class="form case" action="{% url 'case_submit' %}" method="post">
     {% csrf_token %}
     {% if case_form.non_field_errors %}
       <div class="notification warning">

legal_db/templates/legal_db/scholarship/form.html

@@ -4,10 +4,10 @@
 {% block body_content %}
 <section class="hero has-background-white padding-horizontal-xl padding-vertical-big">
   <h2>Scholarship Submission</h2>
-  <p class="hero-p">Please add any article related to Creative Commons licenses and other legal tools that you think should be included in the database.
<br/><span class="required">*</span> Required.</p>
+  <p class="hero-p">Please add any article related to Creative Commons licenses and other legal tools that you think should be included in the database. <span class="required">*</span> Required.</p>
 </section>
 <section class="has-background-grey-lighter padding-vertical-normal">
-  <form class="form margin-horizontal-xxl margin-vertical-big" action="{% url 'scholarship_submit' %}" method="post">
+  <form class="form scholarship margin-horizontal-xxl margin-vertical-big" action="{% url 'scholarship_submit' %}" method="post">
     {% csrf_token %}
     {% if scho_form.non_field_errors %}
       <div class="notification warning">