Home page carousel

[eliot.git] / blueprints / common / eliot-ui / frontend-src / src / app / services / services.component.scss

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 (file)
--- 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