From 539b3ee105d17b08efedf90475ca1b425783b10e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=AD=C3=B0ir=20Valberg=20Gu=C3=B0mundsson?=
 <valberg@orn.li>
Date: Mon, 30 May 2016 22:28:17 +0200
Subject: [PATCH] Fix product detail template a bit for mobile.

---
 shop/templates/product_detail.html | 84 ++++++++++++++----------------
 1 file changed, 39 insertions(+), 45 deletions(-)

diff --git a/shop/templates/product_detail.html b/shop/templates/product_detail.html
index 7e546ab9..0888bbba 100644
--- a/shop/templates/product_detail.html
+++ b/shop/templates/product_detail.html
@@ -1,54 +1,48 @@
 {% extends 'shop_base.html' %}
 {% load bootstrap3 %}
+{% load commonmark %}
 
 {% block shop_content %}
 
-<div class="col-md-8">
-
 <div class="row">
-  <h2>{{ product.name }}</h2>
-</div>
 
-<div class="row">
-  <p>
-    {{ product.description }}
-  </p>
-</div>
+  <div class="col-xs-12 col-md-8">
+    <h2>{{ product.name }}</h2>
+    {{ product.description|commonmark }}
+  </div>
+
+  <div class="col-xs-12 col-md-4">
+
+    <h3>Add to order</h3>
+
+    {% if user.is_authenticated %}
+
+    {% if product.is_available %}
+
+    <form method="POST">
+      {% csrf_token %}
+      {% bootstrap_form form %}
+      {% bootstrap_button "Add to order" button_type="submit" button_class="btn-primary" %}
+    </form>
+
+    {% else %}
+
+    <p>
+      This product is available from
+      {{ product.available_in.lower|date:"Y-m-d H:i" }}
+    </p>
+
+    {% endif %}
+
+    {% else %}
+    <a href="{% url 'account_signup' %}?next={% url 'shop:product_detail' slug=product.slug %}">
+      Signup</a> or
+    <a href="{% url 'account_login' %}?next={% url 'shop:product_detail' slug=product.slug %}">
+      login</a>
+    to order this product
+    {% endif %}
+    {% endblock %}
+
+  </div>
 
 </div>
-
-<div class="col-md-4">
-
-  <h3>Add to order</h3>
-
-  {% if user.is_authenticated %}
-
-  {% if product.is_available %}
-
-  <form method="POST">
-    {% csrf_token %}
-    {% bootstrap_form form %}
-    {% bootstrap_button "Add to order" button_type="submit" button_class="btn-primary" %}
-  </form>
-
-  {% else %}
-
-  <p>
-    This product is available from
-    {{ product.available_in.lower|date:"Y-m-d H:i" }}
-  </p>
-
-  {% endif %}
-
-  {% else %}
-  <a href="{% url 'account_signup' %}?next={% url 'shop:product_detail' slug=product.slug %}">
-    Signup</a> or
-  <a href="{% url 'account_login' %}?next={% url 'shop:product_detail' slug=product.slug %}">
-    login</a>
-  to order this product
-  {% endif %}
-  {% endblock %}
-
-</div>
-
-