From 176658c31968597b3157c14730a3d3fa4700128b Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Thu, 18 Oct 2018 10:04:24 +0200
Subject: [PATCH 01/14] Finished rating distribution.

---
 backend/postings/models.py                    |  8 ++++++++
 .../templates/postings/frontend/entity.html   | 20 +++++++++++++++----
 backend/postings/views.py                     |  2 ++
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/backend/postings/models.py b/backend/postings/models.py
index 0054bed..de4c017 100644
--- a/backend/postings/models.py
+++ b/backend/postings/models.py
@@ -40,6 +40,14 @@ class RateableEntity(models.Model):
 			return None
 		return rating_sum / reviews.count()
 
+	# Gets a 5-item list of the count of each rating.
+	def getRatingDistribution(self):
+		reviews = self.review_set.select_related()
+		distribution = [0, 0, 0, 0, 0]
+		for review in reviews:
+			distribution[review.rating-1] += 1
+		return distribution
+
 	# Simply returns the name as the string representation.
 	def __str__(self):
 		return self.name
diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 000ecdf..52c58aa 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -9,11 +9,13 @@
 
 {% block content %}
 <div class="container entity">
-    <div class="row">
-        <div class="col-sm-6">
-            <h1 class="muted text-center">{{ entity.name }} {{ entity.average }}</h1>
+    {% block entity_info %}
+        <div class="row">
+            <div class="col-sm-6">
+                <h1 class="muted text-center">{{ entity.name }}</h1>
+            </div>
         </div>
-    </div>
+    {% endblock %}
     <hr>
     <div class="row">
         <div class="col-sm-3">
@@ -22,6 +24,16 @@
                 <h2 class="bold padding-bottom-7">{{ entity.average_rating|floatformat:"-2" }} <small>/ 5</small></h2>
             </div>
         </div>
+        {# Rating Distribution Display #}
+        <div class="col-sm-3">
+            <ul>
+                <li>5: {{ entity.rating_distribution.4 }}</li>
+                <li>4: {{ entity.rating_distribution.3 }}</li>
+                <li>3: {{ entity.rating_distribution.2 }}</li>
+                <li>2: {{ entity.rating_distribution.1 }}</li>
+                <li>1: {{ entity.rating_distribution.0 }}</li>
+            </ul>
+        </div>
     </div>
 
     <div class="row">
diff --git a/backend/postings/views.py b/backend/postings/views.py
index 7ffeeaf..bf668c8 100644
--- a/backend/postings/views.py
+++ b/backend/postings/views.py
@@ -49,6 +49,8 @@ def rateable_entity(request, entity_id):
 		# Set any auxiliary variables needed, like average rating.
 		# This MUST be done after categorizing the object above.
 		entity.average_rating = entity.getAverageRating()
+		entity.rating_distribution = entity.getRatingDistribution()
+		print(entity.rating_distribution)
 	except RateableEntity.DoesNotExist:
 		raise Http404("RateableEntity with id " + str(entity_id) + " does not exist.")
 

From 643e9ea1d39dfd30e7f6bc61189d8534a2711024 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Thu, 18 Oct 2018 10:32:37 +0200
Subject: [PATCH 02/14] Added temporary user name shortcut for now.

---
 backend/db.sqlite3                            | Bin 79872 -> 79872 bytes
 .../migrations/0005_review_author_name.py     |  18 ++++++++++++++++++
 backend/postings/models.py                    |   2 ++
 .../templates/postings/frontend/entity.html   |   4 ++--
 .../templates/postings/frontend/review.html   |   2 +-
 backend/postings/views.py                     |   1 +
 6 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 backend/postings/migrations/0005_review_author_name.py

diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index c569ecb7996f92af1140e34288f371bb93ae6de0..92f7380d513d38ab1a12c2d3571bbb25c167fd67 100644
GIT binary patch
delta 706
zcmYk2ZAepL6vv<QoVyL(rcS0;5ZzK@(|O08Yq}}aMiBVYBIu1J*a%4(ZZhABKC~M`
zk`UE}-5{YLr07f36fHlv5bDD|N(6n2kO@U7q)0+^##;Em|9Sg8=bZm@QrkjmTex3u
zS!axeNj)S^y8fWeOPA8lijGc|xI{DSdp*{J`Uvd;mojVED~R{-DCThi2e6xOppIwp
zBgQb6u?SDOnk^4NO8s4)Y!cB0V~O#Jk@&Uo!Q{}?$k22pzGD@Iq{X48jJ06REEuCN
zOnHU}xQ9FV1M`&W6RP>OhK#Vn1=D5;eaB5g8>ntB+nxzodzFsOGYs)r-Uo|po+ng`
zFuT0vhC0YBem!07;9K;sM#dei5o4vQrFBLhF^Db~+&QUU*=>eiHTY6gAMbuvzwKRA
z6MHx7<I&NfCi_%0d389NbaotTv4_u`vxm?3_qS*cH@p`ZgE}%~g*W?xP^IT{40D*q
z3s}o@e2&O84<5JbSVMQH)CgIYegB#<7@eFLP9z5lW!hzrU-HP3$8VSYU0zR@-0Ajv
z<aTdoCif?J#N1D&`$#g$O^LTK?F7APhT$-O%Mqe%hW?(cP$HE^2F<s{P>6v|TX(_-
zF%(b4Z;U1;#}!)zL5I>%gy|NTI|RLEf&s-xu*{~pTj9we*k&@avJ*;k5q@cfM~7gI
zks@7+p$KoeK&km((@cgrUu78MtK|C?M@1UY;u4(FY9(@bSAu%&rvy^DQhnJVo~2-)
g=5d2n`_%?b+G632PlAr;7CQ(J_jSuU84e780ap^jG5`Po

delta 612
zcmXv~OK1~O6n*#Imxd;peA<`@p-F3+rgjpsh(aiSW+Sv!Nrl9XAPPlFp$Ump!A(X%
z6j5xSbX*835)fSJ)I__m$-)*Ibfa{kn`99y=psTJL`8iw(tA0F`wr)Rc!d@#wAh`1
zr%DJpAuuXH1@d#TeL~#hZCJ$1g)an?W6!dq*pU)d;-tQeW6WQ`2yS2zPvZ!Ej~1M!
z6<no{bPsz-dBv6hjsLXeyk3+co5^38nmM08lbf8Kn!M=Zx9vVxH!cyUG5UY#Mf=$&
zz9zw6*v9Yp6`S~JJH^Zrb`P6I+2n}HA>LdL>FgzCzK!k1Z{nzTX11{{8kf)=H_U?u
zg$)Yw&*k7_R_S#!SR|;>>vUWc!!%>u4*Fu_c$b7D1RzZyZ6x=wHlzek*sh*SS^csM
z*DmwH%`lAfdcB9=YFK%8bB*8Ky2O>OBzFfHyb<>5^B;^kEwo0kh6|WRAFYWUuc%)8
zbEFT($`FIUSa!#tg>y;ELO*mkN(6KCE$xFFq{KZRijJhqMj(8}uP8vY`F>cD)E!PC
zMb#ct%0%F%r0$l4lu-98N+;1g1MomncR6gN^ROB=rPTqrC#iP3aLKCGlxCx#x+NMQ
zjI0xwChPPIjf$&RQ0+RU&B$<2V={!aH5m?|8c%Dlhv2C8)Q~<7K|nhsL);<$(|{Q~
T+OF#N>pNk-mzCLG_-*|MEik2K

diff --git a/backend/postings/migrations/0005_review_author_name.py b/backend/postings/migrations/0005_review_author_name.py
new file mode 100644
index 0000000..dae5770
--- /dev/null
+++ b/backend/postings/migrations/0005_review_author_name.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.1.1 on 2018-10-18 08:30
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('postings', '0004_remove_reviewhelpfulvote_user'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='review',
+            name='author_name',
+            field=models.CharField(default='Anonymous', max_length=64),
+        ),
+    ]
diff --git a/backend/postings/models.py b/backend/postings/models.py
index de4c017..f6ca417 100644
--- a/backend/postings/models.py
+++ b/backend/postings/models.py
@@ -74,6 +74,8 @@ class Review(models.Model):
 	last_updated_date = models.DateTimeField(auto_now=True)
 	# A reference to the person who created this review.
 	author = models.ForeignKey('postings.User', on_delete=models.PROTECT, null=True, blank=True)
+	# TEMPORARY: Name of person who gave review.
+	author_name = models.CharField(max_length=64, default='Anonymous')
 
 	# Gets the total number of votes which marked this review as 'helpful'.
 	@property
diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 52c58aa..3350487 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -55,8 +55,8 @@
 
                                         {# Username input #}
                                         <div class="form-group">
-                                            <label for="name_input">Name:</label>
-                                            <input type="text" class="form-control" placeholder="Name..." id="name_input">
+                                            <label for="name_input">Name (Optional):</label>
+                                            <input type="text" class="form-control" placeholder="Name..." id="name_input" name="name">
                                         </div>
 
                                         {# Title input #}
diff --git a/backend/postings/templates/postings/frontend/review.html b/backend/postings/templates/postings/frontend/review.html
index ab4f843..6e83a36 100644
--- a/backend/postings/templates/postings/frontend/review.html
+++ b/backend/postings/templates/postings/frontend/review.html
@@ -7,7 +7,7 @@
         <span class="big-font glyphicon glyphicon-user img-rounded"></span>
 
         {# Username #}
-        <div class="review-block-name"><a href="#">Student</a></div>
+        <div class="review-block-name"><a href="#">{{ review.author_name }}</a></div>
 
         {# Date at which review was posted. #}
         <div class="review-block-date">{{ review.created_date|date:"j M, Y" }}<br/></div>
diff --git a/backend/postings/views.py b/backend/postings/views.py
index bf668c8..89c1225 100644
--- a/backend/postings/views.py
+++ b/backend/postings/views.py
@@ -71,6 +71,7 @@ def post_review(request):
 		if form.is_valid():
 			# Only if the request is a POST and the form is valid do we do anything.
 			rating = form.cleaned_data['rating']
+			name = form.cleaned_data['name']
 			title = form.cleaned_data['title']
 			content = form.cleaned_data['content']
 			entity_id = form.cleaned_data['entity_id']

From b666a135625c0414e47c5bc0db0234007df5a482 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Thu, 18 Oct 2018 10:47:21 +0200
Subject: [PATCH 03/14] Added names.

---
 backend/db.sqlite3        | Bin 79872 -> 79872 bytes
 backend/postings/forms.py |   4 +++-
 backend/postings/views.py |   8 +++++++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index 92f7380d513d38ab1a12c2d3571bbb25c167fd67..2c112bb1fe9db45c079c3e36bfb0f65a8ebbc2a1 100644
GIT binary patch
delta 952
zcmZ{jL1@!Z7{~MaWsY@huG^~Ua6V9QLsybEZITw09t+}O7ZDHct$k@;mgdD|UD;uD
z;$4(oJbIFWc#whxQS>$nB8VV@2qMTX9_Gb^^WaO}Dt0cAfAaW;@Av)R_p-htukXlr
zr$#!GBwZ1A_qsQuqt26s7lW`0ORa?bAhz);Zla})pYfY#;F&bK|DhyJ9EbDB=ixH*
zs^N`*t}xn2w(bnCY@Qs3js&~#1HQvI*oH6g2|mC(cmo|#@)1nSAfaR=laWkBG9F1H
zlCjoy`;>fa7`FCne1?zk9^S%h*lLYFe+(P<Z%?<rzMNW^91-mtLGu!<!ANW~mP2hc
zFAx_|vz&}eL+8|DQ5rf?aEawGS|D6JEJrMvV-*;U#GzJNQH?oOnNtm{7<nz1&l)LR
z&6%e1e@9nTlX#VYHr6KN61r51AX5V+T;?^3t$^3?a?_^RqYd2Pfm<nh6<opr@o5DU
zyjb_jHs%&)UWE}aJOEMjl&KpzO+U;r^{dQv8L9abf}gzJ4JkX^_9|{cL?qN{ifEjO
za6&ELp?=jN)aN2SVchSJoXuylDKn#JO1h8Pb28eW$mMadud}le^0e4LmpB$>4zUWf
z;H=bxfDzlS+g6kQTPS1ZH8W+Tv$>pch@&fJ(c|7~jn_jjA%e}BT}sR<IFvBga>N9M
zFu`I1%Y89HU%dEYh`cXSQvlOqj2X?$nFoM-j;Z&6x1=#aRIhc3Fi%6Ddm&qNDGtjv
z=WYov+ss?qTVWRBD(96HF5ASbQe0cbH8IY=pkj2CL=UQ(GPG>k=-bzxlTo!^4+G*b
hBiN1puoCRH(FL>vvCBsv&LH{eStQGCSwX)Be*>)50L1_R

delta 203
zcmZqpz|!!6Wr8&CVFm^UKOpu5Vy1~2=8T6oChTQr&SuWuEXcBeY4QOsOU8!DzqksO
zg~ge*84L1@OEUA)i{pz@%Q92T`I&by@Bwu~!R9{hvK4%+%+DE^e=~n${>c1>`8m*-
ztIV69Z<l2ON<4*0yk>q1l(@{i`RRV?1PQ2iMj-72#NI$`0K|GgB`=sKX|OD3(P3oS
d&Z5Eihk3K0%6sO?3M_(?ez0z5HDLVB4gg=6IdA{~

diff --git a/backend/postings/forms.py b/backend/postings/forms.py
index 99d8065..ccd5446 100644
--- a/backend/postings/forms.py
+++ b/backend/postings/forms.py
@@ -9,4 +9,6 @@ class EntityReviewForm(forms.Form):
 	# The textual content of the review.
 	content = forms.CharField(widget=forms.Textarea)
 	# The id of the entity for which the review is created.
-	entity_id = forms.IntegerField()
\ No newline at end of file
+	entity_id = forms.IntegerField()
+	# TEMPORARY name for author name.
+	name = forms.CharField(max_length=64, required=False)
\ No newline at end of file
diff --git a/backend/postings/views.py b/backend/postings/views.py
index 89c1225..51f26f4 100644
--- a/backend/postings/views.py
+++ b/backend/postings/views.py
@@ -71,10 +71,15 @@ def post_review(request):
 		if form.is_valid():
 			# Only if the request is a POST and the form is valid do we do anything.
 			rating = form.cleaned_data['rating']
-			name = form.cleaned_data['name']
 			title = form.cleaned_data['title']
 			content = form.cleaned_data['content']
 			entity_id = form.cleaned_data['entity_id']
+
+			if 'name' in request.POST:
+				author_name = form.cleaned_data['name']
+			else:
+				author_name = None
+			
 			try:
 				entity = RateableEntity.objects.get(pk=entity_id)
 			except RateableEntity.DoesNotExist:
@@ -83,6 +88,7 @@ def post_review(request):
 			# Creates the new Review object from the posted data.
 			review = Review.objects.create(
 				rating=rating,
+				author_name=author_name,
 				title=title,
 				content=content,
 				rateable_entity=entity

From 7814cf6626d1a8174f5c66f9127cb3e3cde989f2 Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 10:49:54 +0200
Subject: [PATCH 04/14] Ratings updated

---
 .../templates/postings/frontend/entity.html   | 77 ++++++++++++++++++-
 1 file changed, 76 insertions(+), 1 deletion(-)

diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 3350487..7eb64a0 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -25,7 +25,9 @@
             </div>
         </div>
         {# Rating Distribution Display #}
-        <div class="col-sm-3">
+
+
+<!--        <div class="col-sm-3">
             <ul>
                 <li>5: {{ entity.rating_distribution.4 }}</li>
                 <li>4: {{ entity.rating_distribution.3 }}</li>
@@ -33,9 +35,82 @@
                 <li>2: {{ entity.rating_distribution.1 }}</li>
                 <li>1: {{ entity.rating_distribution.0 }}</li>
             </ul>
+        </div>-->
+
+        <div class="col-sm-3">
+            <h4>Rating breakdown</h4>
+            <div class="pull-left">
+                <div class="pull-left" style="width:35px; line-height:1;">
+                    <div style="height:9px; margin:5px 0;">5 <span class="glyphicon glyphicon-star"></span></div>
+                </div>
+                <div class="pull-left" style="width:180px;">
+                    <div class="progress" style="height:9px; margin:8px 0;">
+                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: 0%">
+                            <span class="sr-only">80% Complete (danger)</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.4 }}</div>
+            </div>
+            <div class="pull-left">
+                <div class="pull-left" style="width:35px; line-height:1;">
+                    <div style="height:9px; margin:5px 0;">4 <span class="glyphicon glyphicon-star"></span></div>
+                </div>
+                <div class="pull-left" style="width:180px;">
+                    <div class="progress" style="height:9px; margin:8px 0;">
+                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                            <span class="sr-only">80% Complete (danger)</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.3 }}</div>
+            </div>
+            <div class="pull-left">
+                <div class="pull-left" style="width:35px; line-height:1;">
+                    <div style="height:9px; margin:5px 0;">3 <span class="glyphicon glyphicon-star"></span></div>
+                </div>
+                <div class="pull-left" style="width:180px;">
+                    <div class="progress" style="height:9px; margin:8px 0;">
+                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                            <span class="sr-only">80% Complete (danger)</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.2 }}</div>
+            </div>
+            <div class="pull-left">
+                <div class="pull-left" style="width:35px; line-height:1;">
+                    <div style="height:9px; margin:5px 0;">2 <span class="glyphicon glyphicon-star"></span></div>
+                </div>
+                <div class="pull-left" style="width:180px;">
+                    <div class="progress" style="height:9px; margin:8px 0;">
+                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                            <span class="sr-only">80% Complete (danger)</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.1 }}</div>
+            </div>
+            <div class="pull-left">
+                <div class="pull-left" style="width:35px; line-height:1;">
+                    <div style="height:9px; margin:5px 0;">1 <span class="glyphicon glyphicon-star"></span></div>
+                </div>
+                <div class="pull-left" style="width:180px;">
+                    <div class="progress" style="height:9px; margin:8px 0;">
+                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: 0">
+                            <span class="sr-only">80% Complete (danger)</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.0 }}</div>
+            </div>
         </div>
     </div>
 
+
+
+
+
     <div class="row">
         <div class="col-sm-7">
             <hr/>

From f5dbbd974276b805be3af74a5ccf1dd3471c5192 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Thu, 18 Oct 2018 11:06:55 +0200
Subject: [PATCH 05/14] Fixed distribution.

---
 backend/postings/models.py                    | 21 ++++++++++--
 .../templates/postings/frontend/entity.html   | 32 ++++++-------------
 backend/postings/views.py                     |  1 -
 3 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/backend/postings/models.py b/backend/postings/models.py
index f6ca417..69af1a2 100644
--- a/backend/postings/models.py
+++ b/backend/postings/models.py
@@ -40,12 +40,27 @@ class RateableEntity(models.Model):
 			return None
 		return rating_sum / reviews.count()
 
-	# Gets a 5-item list of the count of each rating.
+	# Gets a 5-item list of the count of each rating, and the percentage of total votes.
 	def getRatingDistribution(self):
 		reviews = self.review_set.select_related()
-		distribution = [0, 0, 0, 0, 0]
+		distribution = [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0]]
+		review_count = len(reviews)
+		
 		for review in reviews:
-			distribution[review.rating-1] += 1
+			distribution[review.rating-1][0] += 1
+
+		max_val = 0
+		for rating_dist in distribution:
+			rating_dist[1] = (rating_dist[0] / review_count) * 100
+			if (rating_dist[1] > max_val):
+				max_val = rating_dist[1]
+
+		print(max_val)
+		print(distribution)
+		for rating_dist in distribution:
+			rating_dist[1] = (rating_dist[1] / max_val) * 100
+
+		print(distribution)
 		return distribution
 
 	# Simply returns the name as the string representation.
diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 7eb64a0..3977c31 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -25,18 +25,6 @@
             </div>
         </div>
         {# Rating Distribution Display #}
-
-
-<!--        <div class="col-sm-3">
-            <ul>
-                <li>5: {{ entity.rating_distribution.4 }}</li>
-                <li>4: {{ entity.rating_distribution.3 }}</li>
-                <li>3: {{ entity.rating_distribution.2 }}</li>
-                <li>2: {{ entity.rating_distribution.1 }}</li>
-                <li>1: {{ entity.rating_distribution.0 }}</li>
-            </ul>
-        </div>-->
-
         <div class="col-sm-3">
             <h4>Rating breakdown</h4>
             <div class="pull-left">
@@ -45,12 +33,12 @@
                 </div>
                 <div class="pull-left" style="width:180px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
-                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: 0%">
+                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.4.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.4 }}</div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.4.0 }}</div>
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
@@ -58,12 +46,12 @@
                 </div>
                 <div class="pull-left" style="width:180px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
-                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.3.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.3 }}</div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.3.0 }}</div>
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
@@ -71,12 +59,12 @@
                 </div>
                 <div class="pull-left" style="width:180px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
-                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.2.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.2 }}</div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.2.0 }}</div>
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
@@ -84,12 +72,12 @@
                 </div>
                 <div class="pull-left" style="width:180px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
-                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
+                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.1.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.1 }}</div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.1.0 }}</div>
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
@@ -97,12 +85,12 @@
                 </div>
                 <div class="pull-left" style="width:180px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
-                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: 0">
+                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.0.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.0 }}</div>
+                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.0.0 }}</div>
             </div>
         </div>
     </div>
diff --git a/backend/postings/views.py b/backend/postings/views.py
index 51f26f4..c98473d 100644
--- a/backend/postings/views.py
+++ b/backend/postings/views.py
@@ -50,7 +50,6 @@ def rateable_entity(request, entity_id):
 		# This MUST be done after categorizing the object above.
 		entity.average_rating = entity.getAverageRating()
 		entity.rating_distribution = entity.getRatingDistribution()
-		print(entity.rating_distribution)
 	except RateableEntity.DoesNotExist:
 		raise Http404("RateableEntity with id " + str(entity_id) + " does not exist.")
 

From ef24a303e3e019acb08e72f1ab26dd144c299579 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Thu, 18 Oct 2018 11:28:21 +0200
Subject: [PATCH 06/14] Fixed a divide by zero error.

---
 backend/postings/models.py | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/backend/postings/models.py b/backend/postings/models.py
index 69af1a2..cc3ffdc 100644
--- a/backend/postings/models.py
+++ b/backend/postings/models.py
@@ -44,23 +44,21 @@ class RateableEntity(models.Model):
 	def getRatingDistribution(self):
 		reviews = self.review_set.select_related()
 		distribution = [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0]]
-		review_count = len(reviews)
+		review_count = reviews.count()
 		
 		for review in reviews:
 			distribution[review.rating-1][0] += 1
 
-		max_val = 0
-		for rating_dist in distribution:
-			rating_dist[1] = (rating_dist[0] / review_count) * 100
-			if (rating_dist[1] > max_val):
-				max_val = rating_dist[1]
+		if (review_count > 0):
+			max_val = 0
+			for rating_dist in distribution:
+				rating_dist[1] = (rating_dist[0] / review_count) * 100
+				if (rating_dist[1] > max_val):
+					max_val = rating_dist[1]
 
-		print(max_val)
-		print(distribution)
-		for rating_dist in distribution:
-			rating_dist[1] = (rating_dist[1] / max_val) * 100
+			for rating_dist in distribution:
+				rating_dist[1] = (rating_dist[1] / max_val) * 100
 
-		print(distribution)
 		return distribution
 
 	# Simply returns the name as the string representation.

From c5ee3d8ec9ea337bdd5fcb7d995c3fc86721ce24 Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 11:43:32 +0200
Subject: [PATCH 07/14] Fixing layout

---
 .../postings/static/postings/css/style.css    | 17 ++++++++++++++++-
 .../static/postings/css/style.css.map         |  2 +-
 .../postings/static/postings/css/style.scss   | 19 ++++++++++++++++++-
 .../templates/postings/frontend/entity.html   |  3 ++-
 .../templates/postings/frontend/results.html  |  2 +-
 5 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/backend/postings/static/postings/css/style.css b/backend/postings/static/postings/css/style.css
index 867e3fd..ffa0608 100644
--- a/backend/postings/static/postings/css/style.css
+++ b/backend/postings/static/postings/css/style.css
@@ -7,19 +7,31 @@
   margin-bottom: 0;
   overflow-y: hidden; }
 
-.fullcontainer {
+.box .fullcontainer {
   display: flex;
   align-items: center;
   height: -webkit-calc(100vh - 50px);
   height: -moz-calc(100vh - 50px);
   height: calc(100vh - 50px); }
 
+.box3 .fullcontainer {
+  display: flex;
+  height: -webkit-calc(100vh - 50px);
+  height: -moz-calc(100vh - 50px);
+  height: calc(100vh - 50px); }
+
 .fullcontainer h1 {
   font-size: 60px; }
 
 .fullcontainer h3 {
   margin-bottom: 30px; }
 
+.whitebox {
+  background: white;
+  border-radius: 15px;
+  padding: 30px;
+  margin-top: 25px; }
+
 .navbar-brand {
   cursor: pointer; }
 
@@ -106,4 +118,7 @@ h2 {
 .big-font {
   font-size: 25px; }
 
+.box3 {
+  background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat; }
+
 /*# sourceMappingURL=style.css.map */
diff --git a/backend/postings/static/postings/css/style.css.map b/backend/postings/static/postings/css/style.css.map
index 9fd736d..d7b4014 100644
--- a/backend/postings/static/postings/css/style.css.map
+++ b/backend/postings/static/postings/css/style.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,cAAe;EACb,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAIrB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;;AAEpB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI",
+"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;;AAIjB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;;AAEpB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F",
 "sources": ["style.scss"],
 "names": [],
 "file": "style.css"
diff --git a/backend/postings/static/postings/css/style.scss b/backend/postings/static/postings/css/style.scss
index d964ee3..aa8d346 100644
--- a/backend/postings/static/postings/css/style.scss
+++ b/backend/postings/static/postings/css/style.scss
@@ -8,13 +8,19 @@
   margin-bottom: 0;
   overflow-y:hidden;
 }
-.fullcontainer {
+.box .fullcontainer {
   display: flex;
   align-items: center;
   height: -webkit-calc(100vh - 50px);
   height: -moz-calc(100vh - 50px);
   height: calc(100vh - 50px);
 }
+.box3 .fullcontainer {
+  display: flex;
+  height: -webkit-calc(100vh - 50px);
+  height: -moz-calc(100vh - 50px);
+  height: calc(100vh - 50px);
+}
 .fullcontainer h1{
   font-size: 60px;
 }
@@ -22,6 +28,13 @@
   margin-bottom: 30px;
 }
 
+.whitebox{
+  background: white;
+  border-radius: 15px;
+  padding: 30px;
+  margin-top:25px;
+}
+
 
 .navbar-brand{
   cursor:pointer
@@ -124,4 +137,8 @@ h2 {
 
 .big-font{
   font-size:25px;
+}
+
+.box3{
+  background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat;
 }
\ No newline at end of file
diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 3977c31..81e784d 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -8,6 +8,7 @@
 {% endblock %}
 
 {% block content %}
+
 <div class="container entity">
     {% block entity_info %}
         <div class="row">
@@ -114,6 +115,7 @@
                             <div class="row" id="post-review-box" style="display:none;">
                                 <div class="col-md-12">
                                     <form method="post" action="/reviews">
+                                        <div id="csrf-token">{% csrf_token %}</div>
                                         <p class="text-right date"></p>
 
                                         {# Username input #}
@@ -146,7 +148,6 @@
 
                                             {# Hidden values that need to be posted with user content. #}
                                             <input type="hidden"  id="rating_input" name="rating" value="1">
-                                            <div id="csrf-token">{% csrf_token %}</div>
                                             <input type="hidden" name="entity_id" value="{{ entity.pk }}">
 
                                             {# Submit the form #}
diff --git a/backend/postings/templates/postings/frontend/results.html b/backend/postings/templates/postings/frontend/results.html
index 60b5e1f..c4af21f 100644
--- a/backend/postings/templates/postings/frontend/results.html
+++ b/backend/postings/templates/postings/frontend/results.html
@@ -7,7 +7,7 @@
 {% block content %}
 <div class="fullcontainer container bootstrap snippet results">
     <div class="row">
-        <div class="col-lg-12">
+        <div class="col-lg-12 whitebox">
             <div class="ibox float-e-margins ">
                 <div class="ibox-content">
                     <h2>

From 2a7e444ca9ecc819806085e16c02e5a696976dfe Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 12:35:40 +0200
Subject: [PATCH 08/14] Fixing layout finally

---
 .../postings/static/postings/css/style.css    | 16 ++++++--
 .../static/postings/css/style.css.map         |  2 +-
 .../postings/static/postings/css/style.scss   | 14 ++++++-
 .../templates/postings/frontend/entity.html   | 38 +++++++++----------
 .../templates/postings/frontend/results.html  |  4 +-
 .../templates/postings/frontend/review.html   |  2 +-
 6 files changed, 47 insertions(+), 29 deletions(-)

diff --git a/backend/postings/static/postings/css/style.css b/backend/postings/static/postings/css/style.css
index ffa0608..09d4a62 100644
--- a/backend/postings/static/postings/css/style.css
+++ b/backend/postings/static/postings/css/style.css
@@ -30,7 +30,8 @@
   background: white;
   border-radius: 15px;
   padding: 30px;
-  margin-top: 25px; }
+  margin-top: 25px;
+  margin-bottom: 25px; }
 
 .navbar-brand {
   cursor: pointer; }
@@ -51,8 +52,7 @@ body {
   color: #FFF; }
 
 .rating-block {
-  background-color: #FAFAFA;
-  border: 1px solid #EFEFEF;
+  float: right;
   padding: 15px 15px 20px 15px;
   border-radius: 3px; }
 
@@ -67,7 +67,8 @@ body {
   border: 1px solid #EFEFEF;
   padding: 15px;
   border-radius: 3px;
-  margin-bottom: 15px; }
+  margin-bottom: 15px;
+  float: right; }
 
 .review-block-name {
   font-size: 12px;
@@ -98,6 +99,10 @@ body {
   font-size: 24px;
   color: #d17581; }
 
+.selfcenter {
+  margin: 0 auto;
+  float: inherit; }
+
 .hr-line-dashed {
   border-top: 1px dashed #E7EAEC;
   color: #ffffff;
@@ -121,4 +126,7 @@ h2 {
 .box3 {
   background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat; }
 
+.box2 {
+  background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat; }
+
 /*# sourceMappingURL=style.css.map */
diff --git a/backend/postings/static/postings/css/style.css.map b/backend/postings/static/postings/css/style.css.map
index d7b4014..fbab319 100644
--- a/backend/postings/static/postings/css/style.css.map
+++ b/backend/postings/static/postings/css/style.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;;AAIjB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;;AAEpB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F",
+"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAG5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,IAAI;;AAIpB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,KAAK,EAAC,KAAK;EACX,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;EAClB,KAAK,EAAE,KAAK;;AAEd,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,WAAW;EACT,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,OAAO;;AAGhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F;;AAExG,KAAK;EACH,UAAU,EAAE,0FAA0F",
 "sources": ["style.scss"],
 "names": [],
 "file": "style.css"
diff --git a/backend/postings/static/postings/css/style.scss b/backend/postings/static/postings/css/style.scss
index aa8d346..5a205fa 100644
--- a/backend/postings/static/postings/css/style.scss
+++ b/backend/postings/static/postings/css/style.scss
@@ -15,6 +15,7 @@
   height: -moz-calc(100vh - 50px);
   height: calc(100vh - 50px);
 }
+
 .box3 .fullcontainer {
   display: flex;
   height: -webkit-calc(100vh - 50px);
@@ -33,6 +34,7 @@
   border-radius: 15px;
   padding: 30px;
   margin-top:25px;
+  margin-bottom:25px;
 }
 
 
@@ -59,8 +61,7 @@ body {
   color:#FFF;
 }
 .rating-block{
-  background-color:#FAFAFA;
-  border:1px solid #EFEFEF;
+  float:right;
   padding:15px 15px 20px 15px;
   border-radius:3px;
 }
@@ -77,6 +78,7 @@ body {
   padding:15px;
   border-radius:3px;
   margin-bottom:15px;
+  float: right;
 }
 .review-block-name{
   font-size:12px;
@@ -115,6 +117,11 @@ body {
 
 }
 
+.selfcenter{
+  margin: 0 auto;
+  float: inherit;
+}
+
 .hr-line-dashed {
   border-top: 1px dashed #E7EAEC;
   color: #ffffff;
@@ -141,4 +148,7 @@ h2 {
 
 .box3{
   background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat;
+}
+.box2{
+  background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat;
 }
\ No newline at end of file
diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 81e784d..85e4979 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -9,89 +9,89 @@
 
 {% block content %}
 
-<div class="container entity">
+<div class="fullcontainer">
+<div class="container entity whitebox">
     {% block entity_info %}
         <div class="row">
-            <div class="col-sm-6">
+            <div class="col-sm-8 selfcenter">
                 <h1 class="muted text-center">{{ entity.name }}</h1>
             </div>
         </div>
     {% endblock %}
     <hr>
     <div class="row">
-        <div class="col-sm-3">
+        <div class="col-sm-5">
             <div class="rating-block" data-rating="{{ entity.average_rating|floatformat:"-2" }}">
-                <h4>Average user rating</h4>
+                <h2>Average user rating</h2>
                 <h2 class="bold padding-bottom-7">{{ entity.average_rating|floatformat:"-2" }} <small>/ 5</small></h2>
             </div>
         </div>
         {# Rating Distribution Display #}
-        <div class="col-sm-3">
+        <div class="col-sm-5">
             <h4>Rating breakdown</h4>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
                     <div style="height:9px; margin:5px 0;">5 <span class="glyphicon glyphicon-star"></span></div>
                 </div>
-                <div class="pull-left" style="width:180px;">
+                <div class="pull-left" style="width:250px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
                         <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.4.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.4.0 }}</div>
+
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
                     <div style="height:9px; margin:5px 0;">4 <span class="glyphicon glyphicon-star"></span></div>
                 </div>
-                <div class="pull-left" style="width:180px;">
+                <div class="pull-left" style="width:250px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
                         <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.3.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.3.0 }}</div>
+
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
                     <div style="height:9px; margin:5px 0;">3 <span class="glyphicon glyphicon-star"></span></div>
                 </div>
-                <div class="pull-left" style="width:180px;">
+                <div class="pull-left" style="width:250px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
                         <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.2.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.2.0 }}</div>
+
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
                     <div style="height:9px; margin:5px 0;">2 <span class="glyphicon glyphicon-star"></span></div>
                 </div>
-                <div class="pull-left" style="width:180px;">
+                <div class="pull-left" style="width:250px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
                         <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.1.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.1.0 }}</div>
+
             </div>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">
                     <div style="height:9px; margin:5px 0;">1 <span class="glyphicon glyphicon-star"></span></div>
                 </div>
-                <div class="pull-left" style="width:180px;">
+                <div class="pull-left" style="width:250px;">
                     <div class="progress" style="height:9px; margin:8px 0;">
                         <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: {{ entity.rating_distribution.0.1 }}%">
                             <span class="sr-only">80% Complete (danger)</span>
                         </div>
                     </div>
                 </div>
-                <div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.0.0 }}</div>
             </div>
         </div>
     </div>
@@ -101,10 +101,10 @@
 
 
     <div class="row">
-        <div class="col-sm-7">
+        <div class="col-sm-11">
             <hr/>
             <div id="review_container" class="review-block">
-                <div class="row" style="margin-top:40px;">
+                <div class="row" style="margin-top:10px;">
                     <div class="col-md-12">
                         <div class="well-sm">
                             <div class="text-right">
@@ -139,7 +139,7 @@
                                         <div class="text-right">
                                             {# Rating input with star boxes. #}
                                             <div class="stars starrr" data-rating="0"></div>
-                                            
+
                                             {# Close the input form with this anchor-link. #}
                                             <a class="btn btn-danger btn-sm" href="#" id="close-review-box" style="display:none; margin-right: 10px;">
                                                 <span class="glyphicon glyphicon-remove"></span>
@@ -168,7 +168,7 @@
 
         </div>
     </div>
-
+</div>
 
 {% endblock %}
 
diff --git a/backend/postings/templates/postings/frontend/results.html b/backend/postings/templates/postings/frontend/results.html
index c4af21f..ed32394 100644
--- a/backend/postings/templates/postings/frontend/results.html
+++ b/backend/postings/templates/postings/frontend/results.html
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="fullcontainer container bootstrap snippet results">
+
     <div class="row">
         <div class="col-lg-12 whitebox">
             <div class="ibox float-e-margins ">
@@ -46,5 +46,5 @@
             </div>
         </div>
     </div>
-</div>
+
 {% endblock %}
\ No newline at end of file
diff --git a/backend/postings/templates/postings/frontend/review.html b/backend/postings/templates/postings/frontend/review.html
index 6e83a36..f5cbd2e 100644
--- a/backend/postings/templates/postings/frontend/review.html
+++ b/backend/postings/templates/postings/frontend/review.html
@@ -17,7 +17,7 @@
             <div class="clearfix"></div>
         </div>
         <div class="review-block-title">{{ review.title }}</div>
-        <div class="review-block-description">{{ review.content }}</div>
+        <div class="review-block-description"><p>{{ review.content }}</p></div>
 
         <div id="review-votes-{{ review.pk }}" class="js_votes" data-review_id="{{ review.pk }}">
             <div class="review-vote-buttons">

From be403d2b13ff120d008bff7debb4c983cab5931d Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 12:40:48 +0200
Subject: [PATCH 09/14] Fixing layout finally

---
 backend/postings/templates/postings/frontend/entity.html | 2 +-
 backend/postings/templates/postings/frontend/review.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 85e4979..167e42f 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -101,7 +101,7 @@
 
 
     <div class="row">
-        <div class="col-sm-11">
+        <div class="col-sm-12">
             <hr/>
             <div id="review_container" class="review-block">
                 <div class="row" style="margin-top:10px;">
diff --git a/backend/postings/templates/postings/frontend/review.html b/backend/postings/templates/postings/frontend/review.html
index f5cbd2e..f424a40 100644
--- a/backend/postings/templates/postings/frontend/review.html
+++ b/backend/postings/templates/postings/frontend/review.html
@@ -16,8 +16,8 @@
         <div class="review-block-rate" data-rating="{{ review.rating }}">
             <div class="clearfix"></div>
         </div>
-        <div class="review-block-title">{{ review.title }}</div>
-        <div class="review-block-description"><p>{{ review.content }}</p></div>
+        <div class="review-block-title"> <p class="h3">{{ review.title }}</p></div>
+        <div class="review-block-description"><p class="h4">{{ review.content }}</p></div>
 
         <div id="review-votes-{{ review.pk }}" class="js_votes" data-review_id="{{ review.pk }}">
             <div class="review-vote-buttons">

From cd54bb8ac7fcca8159824cfd09f05e7933ab03e0 Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 12:42:52 +0200
Subject: [PATCH 10/14] Fixing layout finally

---
 backend/db.sqlite3                            | Bin 79872 -> 79872 bytes
 .../postings/static/postings/css/style.scss   |   2 +-
 .../templates/postings/frontend/review.html   |   4 ++--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index 2c112bb1fe9db45c079c3e36bfb0f65a8ebbc2a1..4f609b8c78bf85dc3f57c170bdc3554096932b16 100644
GIT binary patch
delta 227
zcmZqpz|!!6Wr8&0sfjYqtfv_CWHxL}(d1?n+uX-pwnB!7`3M8^Z{}~zADQ1UKWBc#
ze3$tK^JV69%qN+TY!+l$!pzFT%m7q;a=SGPQ1Ky{;s?yPnXfTlWIn@uocR#*Yv!jw
z#fz9HPi|J;{B*y3f)G0+GXrxiGcVH$CNswEj6sadlLcAc`umD;F))fsIyy3NiZZ8V
z=BK8mCIXR>fuV)2p@FWUg@S>lm5G6sp|PH&shO#<1uhv2lgiAD#O*<fjO)YzM`1&s

delta 136
zcmZqpz|!!6Wr8&0$%!(~tS1?CKknF=qRGuDy19?LY=smz^GOEg-^|~bKQg~ze$M=e
z`7ZMf=F80Im``pNWLeF;`Q&zM7NDZzFhviTZ!=$GzQ}xr`8e}y=BGeKE14(HXqMaj
jbiaIp02^Zv19L4iFVhMpGsf+VK|pCc#_d6hjO)Yz`cN?x

diff --git a/backend/postings/static/postings/css/style.scss b/backend/postings/static/postings/css/style.scss
index 5a205fa..56d9754 100644
--- a/backend/postings/static/postings/css/style.scss
+++ b/backend/postings/static/postings/css/style.scss
@@ -23,7 +23,7 @@
   height: calc(100vh - 50px);
 }
 .fullcontainer h1{
-  font-size: 60px;
+  font-size: 50px;
 }
 .fullcontainer h3{
   margin-bottom: 30px;
diff --git a/backend/postings/templates/postings/frontend/review.html b/backend/postings/templates/postings/frontend/review.html
index f424a40..39d12ba 100644
--- a/backend/postings/templates/postings/frontend/review.html
+++ b/backend/postings/templates/postings/frontend/review.html
@@ -7,10 +7,10 @@
         <span class="big-font glyphicon glyphicon-user img-rounded"></span>
 
         {# Username #}
-        <div class="review-block-name"><a href="#">{{ review.author_name }}</a></div>
+        <div class="review-block-name"><p class="h5"><a href="#">{{ review.author_name }}</a></p></div>
 
         {# Date at which review was posted. #}
-        <div class="review-block-date">{{ review.created_date|date:"j M, Y" }}<br/></div>
+        <div class="review-block-date"><p class="h5">{{ review.created_date|date:"j M, Y" }}</p><br/></div>
     </div>
     <div class="col-sm-9">
         <div class="review-block-rate" data-rating="{{ review.rating }}">

From cd60c04b6f17627e4e6177a87899266d98897575 Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 12:43:07 +0200
Subject: [PATCH 11/14] Fixing layout finally

---
 backend/postings/static/postings/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/postings/static/postings/css/style.css b/backend/postings/static/postings/css/style.css
index 09d4a62..5283c6e 100644
--- a/backend/postings/static/postings/css/style.css
+++ b/backend/postings/static/postings/css/style.css
@@ -21,7 +21,7 @@
   height: calc(100vh - 50px); }
 
 .fullcontainer h1 {
-  font-size: 60px; }
+  font-size: 50px; }
 
 .fullcontainer h3 {
   margin-bottom: 30px; }

From 874e60a7971980e387bd680e7cb9c502cc518ff0 Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 13:02:07 +0200
Subject: [PATCH 12/14] bug fixing

---
 backend/postings/static/postings/css/style.css            | 3 ++-
 backend/postings/static/postings/css/style.css.map        | 2 +-
 backend/postings/static/postings/css/style.scss           | 1 +
 backend/postings/static/postings/js/main.js               | 2 +-
 backend/postings/templates/postings/frontend/results.html | 4 ++--
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/backend/postings/static/postings/css/style.css b/backend/postings/static/postings/css/style.css
index 5283c6e..ebb9f75 100644
--- a/backend/postings/static/postings/css/style.css
+++ b/backend/postings/static/postings/css/style.css
@@ -68,7 +68,8 @@ body {
   padding: 15px;
   border-radius: 3px;
   margin-bottom: 15px;
-  float: right; }
+  float: right;
+  width: 100%; }
 
 .review-block-name {
   font-size: 12px;
diff --git a/backend/postings/static/postings/css/style.css.map b/backend/postings/static/postings/css/style.css.map
index fbab319..f25b872 100644
--- a/backend/postings/static/postings/css/style.css.map
+++ b/backend/postings/static/postings/css/style.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAG5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,IAAI;;AAIpB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,KAAK,EAAC,KAAK;EACX,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;EAClB,KAAK,EAAE,KAAK;;AAEd,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,WAAW;EACT,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,OAAO;;AAGhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F;;AAExG,KAAK;EACH,UAAU,EAAE,0FAA0F",
+"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAG5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,IAAI;;AAIpB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,KAAK,EAAC,KAAK;EACX,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;EAClB,KAAK,EAAE,KAAK;EACZ,KAAK,EAAC,IAAI;;AAEZ,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,WAAW;EACT,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,OAAO;;AAGhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F;;AAExG,KAAK;EACH,UAAU,EAAE,0FAA0F",
 "sources": ["style.scss"],
 "names": [],
 "file": "style.css"
diff --git a/backend/postings/static/postings/css/style.scss b/backend/postings/static/postings/css/style.scss
index 56d9754..bb6eb86 100644
--- a/backend/postings/static/postings/css/style.scss
+++ b/backend/postings/static/postings/css/style.scss
@@ -79,6 +79,7 @@ body {
   border-radius:3px;
   margin-bottom:15px;
   float: right;
+  width:100%;
 }
 .review-block-name{
   font-size:12px;
diff --git a/backend/postings/static/postings/js/main.js b/backend/postings/static/postings/js/main.js
index 64bda14..1ff3fa2 100644
--- a/backend/postings/static/postings/js/main.js
+++ b/backend/postings/static/postings/js/main.js
@@ -65,7 +65,7 @@ $(function(){
         });
 
         ///Set the stars for the average
-        if(i>avg){
+        if((isNaN(parseFloat(avg)))||i>avg){
             $(".rating-block").append("<button value=" + i +  " id = \"star" + i +"\" type=\"button\" class=\"btn btn-default btn-grey btn-sm\" aria-label=\"Left Align\">\n" +
                 "                    <span class=\"glyphicon glyphicon-star\" aria-hidden=\"true\"></span>\n" +
                 "                </button>");
diff --git a/backend/postings/templates/postings/frontend/results.html b/backend/postings/templates/postings/frontend/results.html
index ed32394..a221189 100644
--- a/backend/postings/templates/postings/frontend/results.html
+++ b/backend/postings/templates/postings/frontend/results.html
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block content %}
-
+<div class="fullcontainer container bootstrap snippet results">
     <div class="row">
         <div class="col-lg-12 whitebox">
             <div class="ibox float-e-margins ">
@@ -32,7 +32,7 @@
                         {% for entity in results %}
                             <div class="hr-line-dashed"></div>
                             <div class="search-result">
-                                <h3><a href="/rateables/{{ entity.pk }}">{{ entity.name }}</a></h3>
+                                <h2><a href="/rateables/{{ entity.pk }}">{{ entity.name }}</a></h2>
                                 <h4> Reviews: {{entity.review_set.all|length}}</h4>
                                 <span class="toright glyphicon glyphicon-icon-comments"></span>
 

From 439dfef614d02712836229c1b5e80b930ef3e95c Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 14:12:47 +0200
Subject: [PATCH 13/14] Making frontpage larger

---
 backend/postings/static/postings/css/style.css     |  9 +++++++++
 backend/postings/static/postings/css/style.css.map |  2 +-
 backend/postings/static/postings/css/style.scss    | 14 ++++++++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/backend/postings/static/postings/css/style.css b/backend/postings/static/postings/css/style.css
index ebb9f75..21b6be6 100644
--- a/backend/postings/static/postings/css/style.css
+++ b/backend/postings/static/postings/css/style.css
@@ -26,6 +26,15 @@
 .fullcontainer h3 {
   margin-bottom: 30px; }
 
+.box .fullcontainer h1 {
+  font-size: 90px; }
+.box .fullcontainer h3 {
+  margin-bottom: 45px; }
+.box .form-control {
+  height: 68px; }
+.box .btn {
+  font-size: 38px; }
+
 .whitebox {
   background: white;
   border-radius: 15px;
diff --git a/backend/postings/static/postings/css/style.css.map b/backend/postings/static/postings/css/style.css.map
index f25b872..c226ebb 100644
--- a/backend/postings/static/postings/css/style.css.map
+++ b/backend/postings/static/postings/css/style.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAG5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGrB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,IAAI;;AAIpB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,KAAK,EAAC,KAAK;EACX,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;EAClB,KAAK,EAAE,KAAK;EACZ,KAAK,EAAC,IAAI;;AAEZ,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,WAAW;EACT,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,OAAO;;AAGhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F;;AAExG,KAAK;EACH,UAAU,EAAE,0FAA0F",
+"mappings": "AACA,IAAI;EACF,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,0FAA0F;EACtG,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EAAC,MAAM;;AAEnB,mBAAoB;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAG5B,oBAAqB;EACnB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,0BAA0B;EAClC,MAAM,EAAE,uBAAuB;EAC/B,MAAM,EAAE,kBAAkB;;AAE5B,iBAAiB;EACf,SAAS,EAAE,IAAI;;AAEjB,iBAAiB;EACf,aAAa,EAAE,IAAI;;AAGnB,sBAAiB;EACf,SAAS,EAAE,IAAI;AAEjB,sBAAiB;EACf,aAAa,EAAE,IAAI;AAErB,kBAAa;EACX,MAAM,EAAC,IAAI;AAEb,SAAI;EACF,SAAS,EAAC,IAAI;;AAIlB,SAAS;EACP,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,IAAI;;AAIpB,aAAa;EACX,MAAM,EAAC,OAAO;;AAIhB,KAAM;EACJ,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,MAAM;EACJ,UAAU,EAAE,KAAK;;AAGnB,IAAK;EACH,WAAW,EAAE,IAAI;;AAEnB,SAAS;EACP,gBAAgB,EAAC,OAAO;EACxB,KAAK,EAAC,IAAI;;AAEZ,aAAa;EACX,KAAK,EAAC,KAAK;EACX,OAAO,EAAC,mBAAmB;EAC3B,aAAa,EAAC,GAAG;;AAEnB,KAAK;EACH,WAAW,EAAC,GAAG;;AAEjB,iBAAiB;EACf,cAAc,EAAC,GAAG;;AAGpB,aAAa;EACX,gBAAgB,EAAC,OAAO;EACxB,MAAM,EAAC,iBAAiB;EACxB,OAAO,EAAC,IAAI;EACZ,aAAa,EAAC,GAAG;EACjB,aAAa,EAAC,IAAI;EAClB,KAAK,EAAE,KAAK;EACZ,KAAK,EAAC,IAAI;;AAEZ,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,MAAM,EAAC,MAAM;;AAEf,kBAAkB;EAChB,SAAS,EAAC,IAAI;;AAEhB,kBAAkB;EAChB,SAAS,EAAC,IAAI;EACd,aAAa,EAAC,IAAI;;AAEpB,mBAAmB;EACjB,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,GAAG;EACf,aAAa,EAAC,IAAI;;AAEpB,yBAAyB;EACvB,SAAS,EAAC,IAAI;;AAGhB,SAAU;EACR,kBAAkB,EAAE,WAAW;EAC/B,eAAe,EAAE,WAAW;EAC5B,UAAU,EAAE,WAAW;;AAGzB,MACA;EACE,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;;AAOhB,WAAW;EACT,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,OAAO;;AAGhB,eAAgB;EACd,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,MAAM;;AAGhB,EAAG;EACD,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAElB,OAAQ;EACN,UAAU,EAAE,KAAK;;AAGnB,YAAY;EACV,SAAS,EAAC,IAAI;;AAGhB,SAAS;EACP,SAAS,EAAC,IAAI;;AAGhB,KAAK;EACH,UAAU,EAAE,0FAA0F;;AAExG,KAAK;EACH,UAAU,EAAE,0FAA0F",
 "sources": ["style.scss"],
 "names": [],
 "file": "style.css"
diff --git a/backend/postings/static/postings/css/style.scss b/backend/postings/static/postings/css/style.scss
index bb6eb86..91c8f8e 100644
--- a/backend/postings/static/postings/css/style.scss
+++ b/backend/postings/static/postings/css/style.scss
@@ -28,6 +28,20 @@
 .fullcontainer h3{
   margin-bottom: 30px;
 }
+.box{
+  .fullcontainer h1{
+    font-size: 90px;
+  }
+  .fullcontainer h3{
+    margin-bottom: 45px;
+  }
+  .form-control{
+    height:68px;
+  }
+  .btn{
+    font-size:38px;
+  }
+}
 
 .whitebox{
   background: white;

From 980c6a7ac9fa0b236cd6440aedbdd5b558b4feea Mon Sep 17 00:00:00 2001
From: ludger <ludgerlef@hotmail.com>
Date: Thu, 18 Oct 2018 14:16:11 +0200
Subject: [PATCH 14/14] Making frontpage larger

---
 backend/postings/templates/postings/frontend/entity.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/postings/templates/postings/frontend/entity.html b/backend/postings/templates/postings/frontend/entity.html
index 167e42f..6a6d489 100644
--- a/backend/postings/templates/postings/frontend/entity.html
+++ b/backend/postings/templates/postings/frontend/entity.html
@@ -20,14 +20,14 @@
     {% endblock %}
     <hr>
     <div class="row">
-        <div class="col-sm-5">
+        <div class="col-sm-6">
             <div class="rating-block" data-rating="{{ entity.average_rating|floatformat:"-2" }}">
                 <h2>Average user rating</h2>
                 <h2 class="bold padding-bottom-7">{{ entity.average_rating|floatformat:"-2" }} <small>/ 5</small></h2>
             </div>
         </div>
         {# Rating Distribution Display #}
-        <div class="col-sm-5">
+        <div class="col-sm-6">
             <h4>Rating breakdown</h4>
             <div class="pull-left">
                 <div class="pull-left" style="width:35px; line-height:1;">