X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fservices%2Fservices.component.scss;h=a965566859e04eaed45fa40232f3447a707c485e;hb=5c2048d4d3e672783eea4f306aa9a03f33a1a9f2;hp=62fd428fd0d541095d2430ac16eebc53055699d0;hpb=59f512662c02a16c1d5c45b090b185d2e773310f;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/services/services.component.scss b/blueprints/common/eliot-ui/frontend-src/src/app/services/services.component.scss
index 62fd428..a965566 100644
--- a/blueprints/common/eliot-ui/frontend-src/src/app/services/services.component.scss
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/services/services.component.scss
@@ -1,48 +1,61 @@
 .maindiv {
-    padding: 20px;
-    height: 90%;
+    height: 100%;
     position: center;
     position: relative;
 
-    width: 95%;
+    width: 100%;
 
+    .toolbar {
+        padding-bottom: 0px;
+    }
     .centerdiv {
-
+        
         width: 100%;
         margin: 0;
         position: absolute;
-
-    }
-
-    .dropdown {
-        padding-bottom: 40px;
-        right: 0;
-        .options {
-            float: right;
-            padding-right: 20px;
-            .filter {
-                padding-left: 20px;
+        padding: 30px;
+        .dropdown {
+            padding-bottom: 60px;
+            right: 0;
+            background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
+            .options {
+                float: right;
+                padding-right: 20px;
+                .filter {
+                    padding-left: 20px;
+                }
+            }
+            position: relative;
+            mat-form-field {
+                
+                right: 0;
+                position: relative;
             }
         }
-        position: relative;
-        mat-form-field {
-            right: 0;
+        .tablepage {
+            background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
             position: relative;
+            .filter {
+                width: 70%;
+                padding-left: 20px;
+                
+            }
+            .podtable {
+                table {
+                    width: 100%;
+                }
+            }
+    
         }
     }
 
-    .tablepage {
-        position: relative;
-        .filter {
-            width: 70%;
-            padding-left: 20px;
-        }
-        .podtable {
-            table {
-                width: 100%;
-            }
-        }
 
-    }
+}
 
+.mat-table {
+    background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
+}
+  
+mat-paginator{
+    background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
 }
\ No newline at end of file