From b9aed0c692c89c61e621b3ad988cd56995ed035f Mon Sep 17 00:00:00 2001
From: innovaciones <sonygarcia99@gmail.com>
Date: Tue, 20 Sep 2022 13:06:38 -0500
Subject: Fix progress bar position

---
 style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 587bcec1..98532046 100644
--- a/style.css
+++ b/style.css
@@ -205,9 +205,10 @@ input[type="range"]{
 }
 
 #progressbar{
-  position: absolute;
+  position: relative;
   z-index: 1000;
   right: 0;
+  display: none;
 }
 
 .progressDiv{
-- 
cgit v1.2.3


From 12622105dc54f8904842e098a6e6dda7dace3d38 Mon Sep 17 00:00:00 2001
From: innovaciones <sonygarcia99@gmail.com>
Date: Wed, 21 Sep 2022 12:47:17 -0500
Subject: Use generate button as progress bar

---
 style.css | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 98532046..f493cf38 100644
--- a/style.css
+++ b/style.css
@@ -100,7 +100,6 @@
 #toprow div{
     border: none;
     gap: 0;
-    background: transparent;
 }
 
 #resize_mode{
@@ -205,15 +204,15 @@ input[type="range"]{
 }
 
 #progressbar{
-  position: relative;
+  position: absolute;
   z-index: 1000;
-  right: 0;
+  width: 100%;
   display: none;
 }
 
 .progressDiv{
   width: 100%;
-  height: 30px;
+  height: 72px;
   background: #b4c0cc;
   border-radius: 8px;
 }
@@ -224,11 +223,11 @@ input[type="range"]{
 
 .progressDiv .progress{
   width: 0%;
-  height: 30px;
+  height: 72px;
   background: #0060df;
   color: white;
   font-weight: bold;
-  line-height: 30px;
+  line-height: 72px;
   padding: 0 8px 0 0;
   text-align: right;
   border-radius: 8px;
-- 
cgit v1.2.3


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

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

(limited to 'style.css')

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;
+}
-- 
cgit v1.2.3