fixed messgages not displaying for incorrect regex for forms and styled error,...

fixed messgages not displaying for incorrect regex for forms and styled error, changed color on hover of discount

shop/static/styles.css

@@ -227,6 +227,7 @@ li {
 .item_cart_name {
     font-size: 200%;
     color: black;
+    font-family: Andale Mono, monospace;
 }
 
 .item_cart_name:hover {
@@ -287,13 +288,13 @@ li {
 
 .checkout_price {
     padding-left: 20px;
-    font-size: 150%;
+    font-size: 100%;
 }
 
 .checkout_box {
     width: 50%;
     border: 3px solid black;
-    transform: translate(50%, 10%);
+    transform: translate(50%, 0%);
 }
 
 .checkout_login_form {
@@ -537,4 +538,13 @@ li {
     justify-content: center;
     align-items: center;
     font-family: Andale Mono, monospace;
-}
\ No newline at end of file
+}
+
+.discount_div:hover {
+    color: #D49B30;
+}
+
+.input_error {
+    color: red;
+    margin: 0px;
+}

shop/templates/cart.html

@@ -56,7 +56,6 @@
             <p>price: £{{ item.product_price }}</p>
             <p>item id: {{ item.product_id }}</p>
         </div>
-
     {% endfor %}
 
 </div>

shop/templates/checkout.html

@@ -18,11 +18,21 @@
       <p class = "checkout_line1">
         {{ form.security_pin.label }}
         {{ form.security_pin(class = "input_field") }}
+        {% if form.security_pin.errors %}
+        {% for error in form.security_pin.errors %}
+          <p class = "input_error">{{ error }}</p>
+        {% endfor %}
+        {% endif %}
       </p>
       <p class="hiden1">please enter cart CSV security pin</p>
         <p class = "checkout_line2">
         {{ form.card_num.label }}
         {{ form.card_num(class = "input_field") }}
+        {% if form.card_num.errors %}
+        {% for error in form.card_num.errors %}
+          <p class = "input_error">{{ error }}</p>
+        {% endfor %}
+        {% endif %}
       </p>
       <p class="hiden2">please enter card number</p>
       <p class = "checkout_line3">
@@ -30,12 +40,13 @@
         {{ form.month(class = "input_field") }} /
         {{ form.year(class = "input_field") }}
       </p>
-      <p class="hiden3">please enter expiery date in form month / year</p>
+      <p class="hiden3">please enter expiery date in form month / yvear</p>
         <p class = "checkout_line">
-        {{ form.submit(class = "input_field") }}
+        {{ form.submit(class = "add_to_button") }}
       </p>
     </div>
   </form>
+
 </div>
 
 {% endblock %}

shop/templates/shopping.html

@@ -14,7 +14,7 @@
                   <div class = "shopping_right_text">
                     {{ order_by_form.csrf_token }}
                     <p>
-                      {{ order_by_form.order.label }} {{ order_by_form.order(class = "field_order_by") }} {{ order_by_form.submit(class = "field_order_by") }}
+                      {{ order_by_form.order.label }} {{ order_by_form.order(class = "field_order_by") }} {{ order_by_form.submit(class = "add_to_button") }}
                     </p>
                   </div>
                 </form>
@@ -23,7 +23,7 @@
                   <div class = "shopping_right_text">
                     {{ type_form.csrf_token }}
                     <p>
-                      {{ type_form.type.label }} {{ type_form.type(class = "field_order_by") }} {{ type_form.submit1(class = "field_order_by") }}
+                      {{ type_form.type.label }} {{ type_form.type(class = "field_order_by") }} {{ type_form.submit1(class = "add_to_button") }}
                     </p>
                   </div>
                 </form>