issue #16

PubInv · Nov 13, 2021 · 142f898 · 142f898
1 parent 7ea3b04
commit 142f898
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 6 deletions.
diff --git a/breath_plot.html b/breath_plot.html
@@ -121,16 +121,16 @@
           <slot name="obs-title">OBS-TITLE NEEDED</slot>
         </label>
         <div class="vertical_alarms">
-          <div class="limit max">
+          <div class="limit-max">
             <label for="max_h">H:</label>
             <slot name="obs-max">111</slot>
-            <input class="fence" type='text'>
+            <input style="font-size: 50px; margin: 100px 30px 0 10px;" class="fence" type='text'>
 </input>
           </div>
-          <div class="limit min">
+          <div class="limit-min">
             <label for="max_l">L:</label>
             <slot name="obs-min">222</slot>
-            <input class="fence" type='text'>
+            <input style="font-size: 50px; margin: 200px 80px 0 0;"  class="fence" type='text'>
 </input>
           </div>
         </div>
@@ -216,9 +216,9 @@ <h1 class="display-4">VentMon Respiration Analysis</h1>
         <div id="collapsingleftsidebar" >
           <div id="leftsidebar" style="display: none">
             <observable-setter id="pipmax-setter">
-              <span slot="obs-title">PIP (max):</span>
+              <span  slot="obs-title">PIP (max):</span>
               <span slot="obs-value">0</span>
-              <span slot="obs-max">40</span>
+              <span style="margin-top: 100px" slot="obs-max">40</span>
               <span slot="obs-min">0</span>
             </observable-setter>
             <observable-setter id="pipavg-setter" class="engineering_only">

diff --git a/css/standard.css b/css/standard.css
@@ -165,4 +165,38 @@ bg-cyan-300 border-2 border-solid border-red-300-contrast w-100% p-10 m-5 rounde
 }
 #leftsidebar {
     width: 25%;
+    margin-top: 10%;
 }
+
+#mode-setter label, #pimax-setter label, #TV-setter label, #RR-setter label, #IE-setter label, #PEEP-setter label {
+    margin: 0 0 200px 90px;
+    font-size: 50px;
+}
+
+#controllable-mode, #controllable-pimax, #controllable-TV, #controllable-RR, #controllable-IE, #controllable-PEEP {
+    font-size: 25px;
+}
+
+#controllable-mode-dismiss, #controllable-pimax-dismiss, #controllable-TV-dismiss, #controllable-RR-dismiss, #controllable-IE-dismiss,
+    #controllable-PEEP-dismiss
+{
+   font-size: 50px;
+   margin-top: 150px;
+   margin-left: 70px;
+
+}
+
+#pipmax-setter, #pipavg-setter, #pipmin-setter, #mv-setter, #bpm-setter, #inhalationtoexhalation-setter, #fioxygen2-setter, #workofbreathing-setter {
+    text-align: center;
+    font-size: 50px;
+}
+
+#tidalvolume-setter {
+    text-align: center;
+    font-size: 30px;
+}
+
+.limit-max label {
+    margin-top: 100px;
+}
+