From 923df9c8b2a78ceb5428c8717351da59665f7419 Mon Sep 17 00:00:00 2001
From: cryptogopher <git6453hub@michalczyk.pro>
Date: Sat, 18 Apr 2020 20:36:09 +0200
Subject: [PATCH] Visual changes

---
 app/helpers/meals_helper.rb          |  8 ++++----
 app/views/meals/_index.html.erb      |  2 +-
 assets/stylesheets/body_tracking.css | 14 ++++++++------
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/helpers/meals_helper.rb b/app/helpers/meals_helper.rb
index 903215f..ef6a1f2 100644
--- a/app/helpers/meals_helper.rb
+++ b/app/helpers/meals_helper.rb
@@ -6,10 +6,10 @@ module MealsHelper
   end
 
   def adjust_ingredient_links(i)
-    [-10, -1, 0, 1, 10].map do |v|
-      if v != 0
-        link_to "%+d" % v, adjust_ingredient_path(i, adjustment: v),
-          {remote: true, method: :post, class: "button #{v>0 ? 'green' : 'red'}"}
+    {'- -' => -10, '-' => -1, nil => 0, '+' => 1, '++' => 10}.map do |text, value|
+      if text
+        link_to text, adjust_ingredient_path(i, adjustment: value),
+          {remote: true, method: :post, class: "button #{value>0 ? 'green' : 'red'}"}
       else
         yield.to_s
       end
diff --git a/app/views/meals/_index.html.erb b/app/views/meals/_index.html.erb
index 94eb22f..244557e 100644
--- a/app/views/meals/_index.html.erb
+++ b/app/views/meals/_index.html.erb
@@ -23,7 +23,7 @@
             </td>
           </tr>
           <% m.ingredients.each do |i| %>
-            <tr id="ingredient-<%= i.id %>" class="ingredient project idnt idnt-1">
+            <tr id="ingredient-<%= i.id %>" class="ingredient project idnt idnt-1 buttonable">
               <td class="name unwrappable" style="width: 5%;">
                 <%= i.food.name %>
               </td>
diff --git a/assets/stylesheets/body_tracking.css b/assets/stylesheets/body_tracking.css
index 813fe5f..f8fc0ae 100644
--- a/assets/stylesheets/body_tracking.css
+++ b/assets/stylesheets/body_tracking.css
@@ -17,6 +17,7 @@ table.list .ellipsible {
   white-space: nowrap;
   max-width: 1px;
 }
+table.list .buttonable {line-height: 1.8em;}
 
 table.list td.form {
   padding-right: 2px;
@@ -28,18 +29,19 @@ fieldset#filters table.filter td {padding-left: 8px;}
 a.icon:not(.icon-move) {margin-left: 0.3em;}
 a.button {
   margin: 0 0.2em;
-  border: 0.1em solid;
-  border-radius: 0.2em;
+  border: 0.1em solid silver;
+  border-radius: 0.3em;
   text-align: center;
   text-decoration: none;
   font-size: 0.8em;
+  font-weight: bold;
   display: inline-block;
   width: 2.6em;
 }
-a.button.green {border-color: green; color: green;}
-a.button.green:hover {background-color: green; color: white;}
-a.button.red {border-color: firebrick; color: firebrick;}
-a.button.red:hover {background-color: firebrick; color: white;}
+a.button.green {color: #458a45;}
+a.button.green:hover {border-color: #458a45; background-color: #458a45; color: white;}
+a.button.red {color: #c43c35;}
+a.button.red:hover {border-color: #c43c35; background-color: #c43c35; color: white;}
 
 
 .icon-move-left { background-image: url(../images/1leftarrow.png); }