UUID switching, and add new message button fix (#96)

Co-authored-by: mikolaj widla <mikolaj.widla@gmail.com>
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: R11/release11-tools-web#96
Co-authored-by: Mikolaj Widla <widlam@noreply.example.com>
Co-committed-by: Mikolaj Widla <widlam@noreply.example.com>

Backend/mocked-services/src/main/resources/static/css/common.css

@@ -1,6 +1,8 @@
 @import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
 @import url('r11addons.css');
 @import url('r11tables.css');
 @import url('r11tool.css');
 @import url('r11tooltip.css');
 @import url('r11modal.css');
+@import url('r11flexbox.css')

Backend/mocked-services/src/main/resources/static/css/r11addons.css

@@ -14,6 +14,19 @@
     color: #00000030;
 }
 
+.modification-button.btn-copy {
+    width: 24px;
+    height: 24px;
+    align-content: center;
+    display: grid;
+    justify-content: center;
+}
+
+.modification-button.btn-copy img {
+    width: 100%;
+    height: 100%;
+}
+
 .modification-button.btn-addtile:hover {
     color: #58ac43;
 }
@@ -56,4 +69,4 @@
 .content p {
     margin: 0;
     padding: 0;
-}
+}

Backend/mocked-services/src/main/resources/static/css/r11flexbox.css

@@ -0,0 +1,57 @@
+#editable-block {
+    flex-grow: 0;
+    flex-shrink: 0;
+}
+
+#uuid-edit {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+}
+
+#uuid-edit-field {
+    display: flex;
+    width: fit-content;
+    align-items: center;
+    width: 70%;
+    margin-right: 10px;
+    
+}
+
+#uuid-edit-field .uuid-inputField-icon{
+    background: none;
+    color: black;
+    border: 0;
+}
+
+#uuid-edit-field .uuid-inputField-icon:hover{
+    color: #2A93B0;
+}
+
+#uuid-input {
+    border: none;
+    width: 100%
+}
+
+#uuid-input:focus {
+    outline: none;
+    
+}
+
+#uuid-validation-strategy input {
+    margin-left: 10px;
+}
+
+.disabled {
+    background-color: #CCD1CF;
+
+}
+
+.disabled #uuid-input {
+    background-color: #CCD1CF;
+
+}
+
+.uuid-inputField-icon-span {
+    font-size: x-large;
+}

Backend/mocked-services/src/main/resources/static/css/r11tool.css

@@ -199,7 +199,7 @@ body {
 }
 
 .action-button {
-    background: rgba(155, 165, 160, 0.507);
+    background: #CCD1CF;
     border:1px solid rgba(186, 197, 191, 0.507);
     border-radius: 5px;
     color: white;