From 8af8fa20558fcdafd9fc3d1f74754b67d886957c Mon Sep 17 00:00:00 2001
From: innovaciones <sonygarcia99@gmail.com>
Date: Wed, 21 Sep 2022 20:11:04 -0500
Subject: [PATCH] New position and interrupt integration

---
 style.css | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index f493cf38..8abe4c76 100644
--- a/style.css
+++ b/style.css
@@ -86,7 +86,7 @@
 }
 
 #style_pos_col, #style_neg_col{
-    min-width: 4em !important;
+    min-width: 8em !important;
 }
 
 #style_index, #style2_index{
@@ -100,6 +100,7 @@
 #toprow div{
     border: none;
     gap: 0;
+    background: transparent;
 }
 
 #resize_mode{
@@ -206,13 +207,20 @@ input[type="range"]{
 #progressbar{
   position: absolute;
   z-index: 1000;
-  width: 100%;
-  display: none;
+  right: 0;
+  padding-left: 5px;
+  padding-right: 5px;
+  display: block;
+}
+
+#progressRow{
+  margin-bottom: 10px;
+  margin-top: -18px;
 }
 
 .progressDiv{
   width: 100%;
-  height: 72px;
+  height: 20px;
   background: #b4c0cc;
   border-radius: 8px;
 }
@@ -223,11 +231,11 @@ input[type="range"]{
 
 .progressDiv .progress{
   width: 0%;
-  height: 72px;
+  height: 20px;
   background: #0060df;
   color: white;
   font-weight: bold;
-  line-height: 72px;
+  line-height: 20px;
   padding: 0 8px 0 0;
   text-align: right;
   border-radius: 8px;
@@ -328,3 +336,12 @@ input[type="range"]{
 .modalNext:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }
+
+#interrupt{
+  position: absolute;
+  width: 100%;
+  height: 72px;
+  background: #b4c0cc;
+  border-radius: 8px;
+  display: none;
+}