Drinks - Author style less scuffed inline

2 files changed, 4 insertions, 6 deletions

diff --git a/web_interface/drinks/templates/drinks_overview.html b/web_interface/drinks/templates/drinks_overview.html
index 590654c..bc83fdb 100644
--- a/web_interface/drinks/templates/drinks_overview.html
+++ b/web_interface/drinks/templates/drinks_overview.html
@@ -55,10 +55,8 @@
         {% endif %}
         <div class="s6">
           <div class="padding">
-            <h4>
-              {{ drink.name }}
-              {% if drink.author %}<button class="circle drink-author" style="background-color: hsl({{ drink.author.color }}deg 80% 40%);">{{ drink.author }}</button>{% endif%}
-            </h4>
+            <h4 class="drink-name">{{ drink.name }}</h4>
+            {% if drink.author %}<button class="circle drink-author" style="background-color: hsl({{ drink.author.color }}deg 80% 40%);">{{ drink.author }}</button>{% endif%}
             <p>{{ drink.description }}</p>
 
             {% if drink.ingredient_set.all %}
diff --git a/web_interface/static/style/main.css b/web_interface/static/style/main.css
index e3fef02..0112e1a 100644
--- a/web_interface/static/style/main.css
+++ b/web_interface/static/style/main.css
@@ -2,6 +2,6 @@
   width: 85%; /* Fill card width */
 }
 
-.drink-author {
-  float: right;
+.drink-name {
+  display: inline;
 }