From 1fa967877ccdf88be5cabf8859f200ca38ded55c Mon Sep 17 00:00:00 2001
From: Ziad Muhammed <Ziad.Muhammed@ibm.com>
Date: Sun, 25 Sep 2022 16:27:38 +0200
Subject: [PATCH] chore: update css in labeling app

---
 LabelingApp.py  |   1 +
 labellingapp.ui | 238 ++++++++++++++++++++++++++++++++++--------------
 2 files changed, 172 insertions(+), 67 deletions(-)

diff --git a/LabelingApp.py b/LabelingApp.py
index af06464..d96a2ff 100644
--- a/LabelingApp.py
+++ b/LabelingApp.py
@@ -84,6 +84,7 @@ def Run(self):
     def finish(self):
         self.main_img.clear()
         self.plate_img.clear()
+        self.main_img.setAlignment(QtCore.Qt.AlignCenter)
         self.main_img.setText("Enter a new input directory")
 
 
diff --git a/labellingapp.ui b/labellingapp.ui
index 5d87187..46d83c6 100644
--- a/labellingapp.ui
+++ b/labellingapp.ui
@@ -6,8 +6,8 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>1343</width>
-    <height>750</height>
+    <width>1288</width>
+    <height>859</height>
    </rect>
   </property>
   <property name="minimumSize">
@@ -36,9 +36,12 @@
      </rect>
     </property>
     <property name="styleSheet">
-     <string notr="true">
-box-shadow: 55px 10px #888888;
-
+     <string notr="true">border-radius: 8px;
+font-size: 20px;
+background-color: #3093ed;
+color: black;
+border: 2px solid #3093ed;
+/*box-shadow: 55px 10px #888888;*/
 </string>
     </property>
     <property name="text">
@@ -86,6 +89,13 @@ box-shadow: 55px 10px #888888;
       <height>31</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="outputPath">
     <property name="geometry">
@@ -96,18 +106,31 @@ box-shadow: 55px 10px #888888;
       <height>31</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+</string>
+    </property>
    </widget>
    <widget class="QPushButton" name="skipButton">
     <property name="geometry">
      <rect>
       <x>190</x>
-      <y>650</y>
+      <y>740</y>
       <width>81</width>
       <height>41</height>
      </rect>
     </property>
     <property name="styleSheet">
-     <string notr="true">background-color:#6849D0</string>
+     <string notr="true">border-radius: 8px;
+font-size: 20px;
+background-color: #3093ed;
+color: black;
+border: 2px solid #3093ed;
+/*box-shadow: 55px 10px #888888;*/
+</string>
     </property>
     <property name="text">
      <string>Skip</string>
@@ -117,13 +140,19 @@ box-shadow: 55px 10px #888888;
     <property name="geometry">
      <rect>
       <x>540</x>
-      <y>650</y>
+      <y>740</y>
       <width>81</width>
       <height>41</height>
      </rect>
     </property>
     <property name="styleSheet">
-     <string notr="true">background-color:#6849D0</string>
+     <string notr="true">border-radius: 8px;
+font-size: 20px;
+background-color: #3093ed;
+color: black;
+border: 2px solid #3093ed;
+/*box-shadow: 55px 10px #888888;*/
+</string>
     </property>
     <property name="text">
      <string>Save</string>
@@ -132,12 +161,21 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="mainImage">
     <property name="geometry">
      <rect>
-      <x>160</x>
-      <y>100</y>
+      <x>420</x>
+      <y>140</y>
       <width>421</width>
       <height>291</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
     <property name="text">
      <string/>
     </property>
@@ -145,12 +183,19 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="plateImg">
     <property name="geometry">
      <rect>
-      <x>310</x>
-      <y>420</y>
+      <x>570</x>
+      <y>460</y>
       <width>131</width>
       <height>51</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+padding:3px;</string>
+    </property>
     <property name="text">
      <string/>
     </property>
@@ -158,9 +203,9 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg1">
     <property name="geometry">
      <rect>
-      <x>30</x>
-      <y>459</y>
-      <width>71</width>
+      <x>150</x>
+      <y>550</y>
+      <width>61</width>
       <height>71</height>
      </rect>
     </property>
@@ -171,9 +216,9 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg2">
     <property name="geometry">
      <rect>
-      <x>140</x>
-      <y>459</y>
-      <width>71</width>
+      <x>290</x>
+      <y>550</y>
+      <width>61</width>
       <height>71</height>
      </rect>
     </property>
@@ -184,10 +229,10 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg3">
     <property name="geometry">
      <rect>
-      <x>240</x>
-      <y>469</y>
-      <width>51</width>
-      <height>61</height>
+      <x>440</x>
+      <y>550</y>
+      <width>61</width>
+      <height>71</height>
      </rect>
     </property>
     <property name="text">
@@ -197,10 +242,10 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg4">
     <property name="geometry">
      <rect>
-      <x>380</x>
-      <y>470</y>
-      <width>51</width>
-      <height>61</height>
+      <x>590</x>
+      <y>550</y>
+      <width>61</width>
+      <height>71</height>
      </rect>
     </property>
     <property name="text">
@@ -210,10 +255,10 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg5">
     <property name="geometry">
      <rect>
-      <x>560</x>
-      <y>450</y>
-      <width>71</width>
-      <height>81</height>
+      <x>720</x>
+      <y>550</y>
+      <width>61</width>
+      <height>71</height>
      </rect>
     </property>
     <property name="text">
@@ -223,10 +268,10 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg6">
     <property name="geometry">
      <rect>
-      <x>740</x>
-      <y>440</y>
-      <width>20</width>
-      <height>81</height>
+      <x>870</x>
+      <y>550</y>
+      <width>61</width>
+      <height>71</height>
      </rect>
     </property>
     <property name="text">
@@ -236,10 +281,10 @@ box-shadow: 55px 10px #888888;
    <widget class="QLabel" name="seg7">
     <property name="geometry">
      <rect>
-      <x>950</x>
-      <y>440</y>
+      <x>1020</x>
+      <y>550</y>
       <width>61</width>
-      <height>81</height>
+      <height>71</height>
      </rect>
     </property>
     <property name="text">
@@ -249,78 +294,137 @@ box-shadow: 55px 10px #888888;
    <widget class="QTextEdit" name="val1">
     <property name="geometry">
      <rect>
-      <x>30</x>
-      <y>540</y>
+      <x>140</x>
+      <y>630</y>
       <width>81</width>
-      <height>21</height>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val2">
     <property name="geometry">
      <rect>
-      <x>160</x>
-      <y>540</y>
-      <width>91</width>
-      <height>21</height>
+      <x>280</x>
+      <y>630</y>
+      <width>81</width>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val3">
     <property name="geometry">
      <rect>
-      <x>300</x>
-      <y>540</y>
+      <x>430</x>
+      <y>630</y>
       <width>81</width>
-      <height>20</height>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val4">
     <property name="geometry">
      <rect>
-      <x>450</x>
-      <y>540</y>
-      <width>91</width>
-      <height>21</height>
+      <x>580</x>
+      <y>630</y>
+      <width>81</width>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val5">
     <property name="geometry">
      <rect>
-      <x>610</x>
-      <y>540</y>
-      <width>91</width>
-      <height>21</height>
+      <x>720</x>
+      <y>630</y>
+      <width>81</width>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val6">
     <property name="geometry">
      <rect>
-      <x>770</x>
-      <y>540</y>
-      <width>101</width>
-      <height>21</height>
+      <x>870</x>
+      <y>630</y>
+      <width>81</width>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
    </widget>
    <widget class="QTextEdit" name="val7">
     <property name="geometry">
      <rect>
-      <x>940</x>
-      <y>540</y>
-      <width>91</width>
-      <height>21</height>
+      <x>1010</x>
+      <y>630</y>
+      <width>81</width>
+      <height>41</height>
      </rect>
     </property>
+    <property name="styleSheet">
+     <string notr="true">border-radius: 8px;
+background-color: white;
+color: black;
+border: 2px solid #86bcfa;
+box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+padding: 5px;
+</string>
+    </property>
    </widget>
    <widget class="QLabel" name="label_3">
     <property name="geometry">
      <rect>
-      <x>680</x>
-      <y>660</y>
+      <x>720</x>
+      <y>750</y>
       <width>231</width>
       <height>31</height>
      </rect>
@@ -338,7 +442,7 @@ box-shadow: 55px 10px #888888;
     <rect>
      <x>0</x>
      <y>0</y>
-     <width>1343</width>
+     <width>1288</width>
      <height>26</height>
     </rect>
    </property>