Merge branch 'assignmentsv2'

widget_princessgabi/assignments/static/assignments/assignments.css

+body {
+    height: 100vh;
+    background-color: #E9E3FE;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.event-content {
+    margin-top: auto;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: white
+}

widget_princessgabi/assignments/templates/assignments/assignment-add.html

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %}Add Assignment{% endblock %}
-{% block header %}Add a new assignment:{% endblock %}
-{% block content %}
-    <form method="POST">
-        {% csrf_token %}
-        {{ form.as_p }}
-        <input type="SUBMIT" value="Save New Assignment">
-    </form>
+{% block header %}<h1>Add a new assignment:</h1>{% endblock %}
+{% block body %} 
+{% block content %} 
+    <div class="form">
+        <form method="POST">
+            {% csrf_token %}
+            {{ form }}
+            <input type="SUBMIT" value="Save New Assignment">
+        </form>
+    </div>
+{% endblock %}
 {% endblock %}
\ No newline at end of file

widget_princessgabi/assignments/templates/assignments/assignment-details.html

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'assignments/assignments.css' %}">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
 {% block title %}{{ assignment.name }}{% endblock %}
-{% block heading %}{{ assignment.name }}{% endblock %}
-{% block content %}
-        <p>
+{% block heading %}<h1>{{ assignment.name }}</h1>{% endblock %}
+{% block body %}
+<div class="assignments-content">
+    {% block content %}
+    <div class="details">
+        <h4>
             {{ assignment.course.code }} {{ assignment.course.title }} - {{ assignment.course.section }}<br>
             Description: {{ assignment.description }}<br>
             Perfert Score: {{ assignment.perfect_score }}<br>
             Passing Score: {{ assignment.passing_score }}
-        </p>
-            <a href="{% url 'assignments:assignment-edit' assignment.id %}">
-                <button>Edit Assignment</button>
-            </a><br>
+        </h4>
+        <a href="{% url 'assignments:assignment-edit' assignment.id %}" class="edit-btn"><i class="fa fa-edit"></i>Edit Assignment</a>
+    </div>
+    {% endblock %}
+</div>
 {% endblock %}
\ No newline at end of file

widget_princessgabi/assignments/templates/assignments/assignment-edit.html

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %}Edit Assignment{% endblock %}
-{% block header %}Edit Assignment:{% endblock %}
-{% block content %}
-    <form method="POST">
-        {% csrf_token %}
-        {{ form.as_p }}
-        <input type="SUBMIT" value="Save Changes to Assignment">
-    </form>
+{% block header %}<h1>Edit Assignment:</h1>{% endblock %}
+{% block body %} 
+{% block content %} 
+    <div class="form">
+        <form method="POST" action="">
+            {% csrf_token %}
+            {{ form }}
+            <input type="SUBMIT" value="Save Changes to Assignment">
+        </form> 
+    </div>
+{% endblock %}
 {% endblock %}
\ No newline at end of file