Revamped Mocked Services

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

@@ -21,10 +21,9 @@
 .tile {
     width: 100%;
     padding-top: 40%;
-    border: 1px solid gray;
-    border-radius: 3px;
+    border-radius: 5px;
     position: relative;
-    background: #f0f0f095;
+    background: #D5D7E6;
     margin-bottom: 10px;
     cursor: default;
 }
@@ -34,7 +33,7 @@
 }
 
 .tile.active {
-    background: #00000070;
+    background: #2A93B0;
     color: white;
     filter: none;
 }

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

@@ -182,9 +182,10 @@ body {
 }
 
 .action-button.active {
-    background: #3bc4f1;
+    background: #2A93B0;
     border: 1px solid #7ed0eb;
     cursor: pointer;
+    
 }
 
 .action-button.active:hover {
@@ -194,6 +195,7 @@ body {
 .action-button {
     background: rgba(155, 165, 160, 0.507);
     border:1px solid rgba(186, 197, 191, 0.507);
+    border-radius: 5px;
     color: white;
     padding: 10px 20px;
     font-weight: 700;

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

@@ -1,8 +1,7 @@
 .tooltip-window {
     position: fixed;
     right: 0;
-    filter: drop-shadow(-2px 0px 2px darkgray);
-    background: #e8f3f7;
+    background: #FFFFFF;
     padding: 15px 30px;
     font-family: 'Nunito', sans-serif;
     width: 40%;