Update ODLUX

[ccsdk/features.git] / sdnr / wt / odlux / apps / linkCalculationApp / src / views / Style.scss

diff --git a/sdnr/wt/odlux/apps/linkCalculationApp/src/views/Style.scss b/sdnr/wt/odlux/apps/linkCalculationApp/src/views/Style.scss
index 35a9b97..e4b0c77 100644 (file)
--- a/sdnr/wt/odlux/apps/linkCalculationApp/src/views/Style.scss
+++ b/sdnr/wt/odlux/apps/linkCalculationApp/src/views/Style.scss
@@ -1,11 +1,11 @@
-.parent{
+// .parent{
     
-    display: flex;
-    justify-content: space-evenly;
-    margin: auto;
+//     display: flex;
+//     justify-content: space-evenly;
+//     margin: auto;
     
 
-}
+//}
 .input {
     width: 150px;
     box-sizing: border-box;
@@ -18,56 +18,99 @@
     box-sizing: border-box;
 }
 
+.container1{
+  margin-bottom: 15px;
 
-.container-1 {
-  height: 50vh;
-  width: 80%;
-  justify-content: center;
-  align-items: baseline;;
-    display: flex;
-    flex-direction: row;
-    align-content: space-between;
-    padding: 20px 40px;
-    border-radius: 10px;
-    // box-shadow: 0px 10px 50px #555;
-    background-color: #ffffff;
-    // padding-top: 10px;
-   
 }
 
-  .column1 {
-    flex-direction: column;
-    width: 30%;
-    align-items: flex-end;;
-    // padding: 2em;
+.container1 div{
+  display:flex;
+  flex-direction: row;
+
+  width:100%;
+  padding-top: 2px;
+}
+
+.container1 div div{
+  width:50%;
+  border-bottom-style: solid;
+  border-bottom-width: thin;
+  border-color: silver;
+}
+
+.firstBox div:first-child{
+  margin-left: 33.5%;
+}
+
+// .container-1 {
+//   width: 80%;
+//   justify-content: center;
+//   align-items: baseline;;
+//     display: flex;
+//     flex-direction: row;
+//     align-content: space-between;
+//     padding: 20px 40px;
+//     border-radius: 10px;
+//     // box-shadow: 0px 10px 50px #555;
+//     background-color: #ffffff;
+//     // padding-top: 10px;
+   
+// }
+
+  // .column1 {
+  //   flex-direction: column;
+  //   width: 30%;
+  //   align-items: flex-end;;
+  //   // padding: 2em;
     
-  }
-  .column1 div {
-    margin-top: 10px;
-    // align-items: space-between;
-    // flex-wrap: wrap;
-    border-bottom-style: solid;
-    border-bottom-width: thin;
-    border-color: silver;
-  }
-  .middlecolumn{
+  // }
+  // .column1 div {
+  //   margin-top: 10px;
+  //   // align-items: space-between;
+  //   // flex-wrap: wrap;
+  //   border-bottom-style: solid;
+  //   border-bottom-width: thin;
+  //   border-color: silver;
+  // }
+  // .middlecolumn{
     
-    flex-direction: column;
-    flex-grow: 1;
-    // padding: 10px 10px;
-  }
+  //   flex-direction: column;
+  //   flex-grow: 1;
+  //   // padding: 10px 10px;
+  // }
 
-  .middlecolumn div{
-    margin-top: 10px;
-    border-bottom-style: solid;
-    border-bottom-width: thin;
-    border-color: silver;
-    }
+  // .middlecolumn div{
+  //   margin-top: 10px;
+  //   border-bottom-style: solid;
+  //   border-bottom-width: thin;
+  //   border-color: silver;
+  //   }
 
-  .column2 {
-    margin-left: 200px;
-  }
-  .column2 div{
-    margin-top: 10px;
+  // .column2 {
+  //   margin-left: 200px;
+  // }
+  // .column2 div{
+  //   margin-top: 10px;
    
-  }
\ No newline at end of file
+  // }
+
+  .antennaContainer{
+   margin-bottom: 15px;
+    background-color: rgb(184, 181, 181);
+
+  }
+  .antennaContainer  div {
+    display:flex;
+    flex-direction: row;
+  
+    width:100%;
+    padding-top: 2px;
+}
+.antennaContainer  div div{
+
+  width:50%;
+
+}
+.antennaFont{
+  font-family: "Lucida Console";
+}
\ No newline at end of file