From 0ec23a8020126bfd15eb976e4577d40e34079b94 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Wed, 7 Apr 2021 17:11:35 +0200
Subject: [PATCH] Added adding tile button

---
 src/main/resources/static/css/commons/r11form.css | 11 ++++++++++-
 src/main/resources/static/html/mock.html          |  3 +++
 target/classes/static/css/commons/r11form.css     | 11 ++++++++++-
 target/classes/static/html/mock.html              |  3 +++
 4 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/static/css/commons/r11form.css b/src/main/resources/static/css/commons/r11form.css
index fb5da6f..d043bb1 100644
--- a/src/main/resources/static/css/commons/r11form.css
+++ b/src/main/resources/static/css/commons/r11form.css
@@ -153,8 +153,17 @@
     color: #00000020
 }
 
+.modification-button.btn-addtile {
+    font-size: 38px;
+    color: #00000030;
+}
+
+.modification-button.btn-addtile:hover {
+    color: #58ac43;
+}
+
 .tile {
-    width: 90%;
+    width: 100%;
     padding-top: 40%;
     border: 1px solid gray;
     border-radius: 3px;
diff --git a/src/main/resources/static/html/mock.html b/src/main/resources/static/html/mock.html
index 732456a..b0d7ccb 100644
--- a/src/main/resources/static/html/mock.html
+++ b/src/main/resources/static/html/mock.html
@@ -145,6 +145,9 @@
                         </div>
                     </div> -->
                 </div>
+                <div class="max-width centered-content small-vertical-margin">
+                    <button class="modification-button btn-addtile"><i class="icon-plus"></i></button>
+                </div>
             </div>
         </div>
         <div class="tooltip-window lite">
diff --git a/target/classes/static/css/commons/r11form.css b/target/classes/static/css/commons/r11form.css
index fb5da6f..d043bb1 100644
--- a/target/classes/static/css/commons/r11form.css
+++ b/target/classes/static/css/commons/r11form.css
@@ -153,8 +153,17 @@
     color: #00000020
 }
 
+.modification-button.btn-addtile {
+    font-size: 38px;
+    color: #00000030;
+}
+
+.modification-button.btn-addtile:hover {
+    color: #58ac43;
+}
+
 .tile {
-    width: 90%;
+    width: 100%;
     padding-top: 40%;
     border: 1px solid gray;
     border-radius: 3px;
diff --git a/target/classes/static/html/mock.html b/target/classes/static/html/mock.html
index 732456a..b0d7ccb 100644
--- a/target/classes/static/html/mock.html
+++ b/target/classes/static/html/mock.html
@@ -145,6 +145,9 @@
                         </div>
                     </div> -->
                 </div>
+                <div class="max-width centered-content small-vertical-margin">
+                    <button class="modification-button btn-addtile"><i class="icon-plus"></i></button>
+                </div>
             </div>
         </div>
         <div class="tooltip-window lite">