X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fnodes%2Fnodes.component.scss;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fnodes%2Fnodes.component.scss;h=cecf113cb28850fa2415d3a89533a0609ad1cc2f;hb=a45c96e6ef35810d4803bad8d00e76258710eb5b;hp=0000000000000000000000000000000000000000;hpb=fd64df9852e4701aaa074676e35518f9b53d1b74;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/nodes/nodes.component.scss b/blueprints/common/eliot-ui/frontend-src/src/app/nodes/nodes.component.scss
new file mode 100644
index 0000000..cecf113
--- /dev/null
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/nodes/nodes.component.scss
@@ -0,0 +1,55 @@
+.maindiv {
+  padding: 20px;
+  height: 85%;
+  position: center;
+  position: relative;
+
+  width: 95%;
+
+  .centerdiv {
+
+    width: 100%;
+    margin: 0;
+    position: absolute;
+
+    .tablepage {
+      position: relative;
+      width: 100%;
+          mat-form-field {
+            width: 90%;
+            padding-left: 20px;
+          }
+          table {
+            width: 100%;
+          }
+    }
+    .nodetable {
+        table {
+          width: 100%;
+        }
+    }
+  }
+
+}
+
+
+.example-card {
+  max-width: 300px;
+  margin: 0 auto;
+  text-align: center;
+  background-color: lightskyblue;
+}
+
+.edgenodes {
+  text-align: center;
+  margin: 0 auto;
+  padding: 20px;
+  display: flex;
+  flex-wrap: nowrap;
+}
+
+.edgenodescard{
+  margin: 0 auto;
+  display: inline-block;
+  padding-right: 20px;
+}