From: Oscar J. Rodriguez B <josuer08@gmail.com>
Date: Mon, 4 Nov 2019 16:52:04 +0000 (-0500)
Subject: style changes in the index
X-Git-Url: https://git.josue.xyz/?p=VSoRC%2F.git;a=commitdiff_plain;h=9f69ac8864405b5dfb52f9722f20180402e19ddc

style changes in the index
---

diff --git a/src/views/index.ejs b/src/views/index.ejs
index 335ded5..5550730 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -13,9 +13,11 @@
   </header>
 
   <div class="realtime">
-    <div class="navbar navbar-dark bg-light"><span>Memoria libre en el sistema</span></div>
-    <div class="wrapper">
+
+    <div class="wrapper RAM">
+      <div class="navbar navbar-dark bg-light"><span>Memoria libre en el sistema</span></div>
       <div id="ram"></div>
+      <!-- <script src="js/health/functions.js"></script> -->
       <script>
         Plotly.plot('ram', [{
           y: [0],
@@ -58,10 +60,11 @@
           xhr.send();
         }, 2000)
       </script>
-
     </div>
-    <div class="navbar navbar-dark bg-light"><span>CPU libre en el sistema</span></div>
+
     <div class="wrapper CPU">
+      <div class="navbar navbar-dark bg-light"><span>CPU libre en el sistema</span></div>
+
       <!-- <div></div> -->
       <div id="cpu"></div>
       <!-- <div></div> -->
@@ -98,8 +101,9 @@
         }, 2000)
       </script>
     </div>
-    <div class="navbar navbar-dark bg-light"><span>Trafico de la Red</span></div>
-    <div class="wrapper">
+
+    <div class="wrapper TRAFFIC">
+      <div class="navbar navbar-dark bg-light"><span>Trafico de la Red</span></div>
       <div id="trafico"></div>
       <script>
         Plotly.plot('trafico', [{
@@ -155,12 +159,9 @@
           xhr.send();
         }, 500)
       </script>
-
     </div>
   </div>
-  <div class="viewframe">
-    <iframe class="iframea" id="ImportFrame" src="http://localhost:8080"></iframe>
-  </div>
+
 </body>
 <footer>
   <%include ../../partials/footer%>
diff --git a/styles/main.css b/styles/main.css
index d3e5ec4..0b3d0f0 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -86,27 +86,23 @@ flex-grow: 1;
   justify-content: space-around;
   align-items: stretch;
   align-content: stretch; */
-}
-
-.CPU {
-  display: flex;
-  align-items: stretch;
-  align-content: stretch;
-  justify-content: space-around;
-}
-.CPU div{
-  flex-shrink:1;
-}
-.iframea {
-  display: flex;
   width: 100%;
-  height: 40em;
-  overflow: auto;
-  border-radius: 20px;
+  display: flex;
+  flex-flow: row wrap
 }
-#ram, #cpu, #trafico{
-
+.RAM{
+  flex-basis: 60%
+}
+.CPU{
+  flex-basis: 30%;
+  flex-grow: 1;
+}
+.TRAFFIC{
+  flex-basis: 100%
 }
+
+
+
 .navbar{
   width: auto;
 }