0034592: [UX] Scrollbars are too wide

diff --git a/web/org.openbravo.mobile.core/assets/css/ob-standard.css b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
@@ -126,21 +126,90 @@
   height: 4px;
 }
 
+
 ::-webkit-scrollbar {
-  width: 32px;
+  width: 15px;
+  height: 15px;
 }
+
 /* Track */
 ::-webkit-scrollbar-track {
-  background: #dddddd;
+  background-color: #f0f0f0;
 }
+
+::-webkit-scrollbar-corner {
+  background-color: #f0f0f0;
+}
+
 /* Handle */
 ::-webkit-scrollbar-thumb {
-  background: #888888;
+  background-color: #cdcdcd;
 }
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #a6a6a6;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background-color: #606060;
+}
+
 ::-webkit-scrollbar-thumb:window-inactive {
-  background: #666666;
+  background-color: #cdcdcd;
 }
 
+/* Button */
+::-webkit-scrollbar-button {
+  background-color: #f0f0f0;
+  width: 17px;
+  height: 17px;
+}
+
+::-webkit-scrollbar-button:hover {
+  background-color: #dadada;
+}
+
+:-webkit-scrollbar-button:active {
+  background-color: #606060;
+}
+
+::-webkit-scrollbar-button:vertical:decrement {
+  background-image: url('./../img/scrollbarArrowUp.png');
+}
+
+::-webkit-scrollbar-button:vertical:increment {
+  background-image: url('./../img/scrollbarArrowDown.png');
+}
+
+::-webkit-scrollbar-button:vertical:decrement:active {
+  background-color: #606060;
+  background-image: url('./../img/scrollbarArrowUp_pressed.png');
+}
+
+::-webkit-scrollbar-button:vertical:increment:active {
+  background-color: #606060;
+  background-image: url('./../img/scrollbarArrowDown_pressed.png');
+}
+
+::-webkit-scrollbar-button:horizontal:decrement {
+  background-image: url('./../img/scrollbarArrowLeft.png');
+}
+
+::-webkit-scrollbar-button:horizontal:increment {
+  background-image: url('./../img/scrollbarArrowRight.png');
+}
+
+::-webkit-scrollbar-button:horizontal:decrement:active {
+  background-color: #606060;
+  background-image: url('./../img/scrollbarArrowLeft_pressed.png');
+}
+
+::-webkit-scrollbar-button:horizontal:increment:active {
+  background-color: #606060;
+  background-image: url('./../img/scrollbarArrowRight_pressed.png');
+}
+
+
  ul,ol {
    margin-bottom: 0px;
  }
diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..35cc236204045bd5ad156172761ab88a25e1541c
GIT binary patch
literal 183
zc%17D@N?(olHy`uVBq!ia0vp^{6H+o!N$PASjv0M9LQlW@$_|Nf50s&z$P+F@w+Hc
zh_k>WvY3IvPXUA(#cF5X0}8UFJNh~@Fl_AS{*%ZG<hyygIEGZ*N=|TK<K*Q0FKNKY
zm#D=s;p7$r*_%Fdo?Sjwbc=CD_Q$Hs1+tbc4BJE+v_lOZ88O7>9Bg8ZxcaE{s6#tT
b83TiSgX*WMH{ol6CNg-s`njxgN@xNA9&a=3

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown_pressed.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown_pressed.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..14e6b544c4ee359004c927d22276e75592e7be09
GIT binary patch
literal 176
zc%17D@N?(olHy`uVBq!ia0vp^{6H+o!N$PASjv0M9LQlW@$_|Nf50s&z{Z#E%$E-o
z;w<opEM{QvQvhK`vD%sUfPyUPj=qiz3>*8o|0J>k`SzYJjv*Ddk`o-*{x>!-3O^87
z#`J@qb&J9D1+OzxE#ESn*;=vJ<U*f}6GJrDfvH*&g^~>m1vos)jyklnlrb>e@o+v=
Tk+RhiXcU8|tDnm{r-UW|oyRZ>

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..942f3efc7cbe4d773abf65fa5b90d349be2a4632
GIT binary patch
literal 176
zc%17D@N?(olHy`uVBq!ia0vp^f<VmA!N$PASh`K59mruX@$_|Nf50s&z%3a6wDvks
zh_k>WvY3IvPXUA(#cF5X0}8UFJNh~@Fl_AS{*%ZG<lB3?IEGZ*N=|TK=j7!4FZqF4
zX^OzosZ7NMGkvE_bkSbIeBd=-&Lp2JTa!AN-I8qgB^+dOo5Z6SW*i!8RKdWYYoQ!H
Tz0a5zXcU8|tDnm{r-UW|`2jAQ

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft_pressed.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft_pressed.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..bda17d4fc2554388ecdbfd62273fed96a3368a51
GIT binary patch
literal 173
zc%17D@N?(olHy`uVBq!ia0vp^f<VmA!N$PASh`K59mruX@$_|Nf50s&z^z-*#TWn-
z;w<opEM{QvQvhK`vD%sUfPyUPj=qiz3>*8o|0J>k`8J*|jv*Ddk`o-*|2H-;+ABD5
z21aQbuus3~BI&us$%<jmy8~(`U1GJ{ED}_%J??REn51|lYuPGqHhu;M{ZjK=)9dWd
Q0L@|WboFyt=akR{0PssLSO5S3

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9b0dfcdc43ee6fb10995a2d1c5980e05ad9783bd
GIT binary patch
literal 176
zc%17D@N?(olHy`uVBq!ia0vp^f<VmA!N$PASh`K59mruX@$_|Nf50s&z$21yPJTX6
zh_k>WvY3IvPXUA(#cF5X0}8UFJNh~@Fl_AS{*%ZG<lB3?IEGZ*N=|TK=j7!4FZqF4
zX^OzwUZ2e$ZZ=-`XySUo(NV;{OG)ijv|$UQ^2T}b8xk0mBijVBB|>A2Di|2PE>(^;
TpT6}J&?p8^S3j3^P6<r__U$m0

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight_pressed.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight_pressed.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..3b701369b1ffa0597a62767c674a65ef0f9c4c99
GIT binary patch
literal 173
zc%17D@N?(olHy`uVBq!ia0vp^f<VmA!N$PASh`K59mruX@$_|Nf50s&z{65o$^RQD
z#981GS<JxTrvSo?Vzo2x0R>so9eo`c7&i8E|4C#8@@+g_978H@B_}wr|8Hzyv{!KA
zym;$`3HN;2ie8l!4Sfw7<qNcv7VQ&tmM{={UFoKva9SXVcX5|D8$ScX|1k4gX=|-S
QfaWlGy85}Sb4q9e08Jk*H2?qr

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..77127d26d700a304887082ba202e71d66a0a409f
GIT binary patch
literal 179
zc%17D@N?(olHy`uVBq!ia0vp^{6H+o!N$PASjv0M9LQlW@$_|Nf50s&z{V~&f7@xG
z5NCl$WHAGSp8^Ooiq+1%2NYyUcl32+VA$Bt{U?zX$anH|aSW-rm7L(f#>vU~U-AX#
zi#$cMZuT>RM=bbQBsO~LL~LNtIoGmANX>$41LGXWX5ARhEVt_}J&F;g!pe3A3=Ce?
W3J1#7{%io6#^CAd=d#Wzp$P!UM=int

diff --git a/web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp_pressed.png b/web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp_pressed.png
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..b1759d1642145e6e275c611fa0607f40af273035
GIT binary patch
literal 176
zc%17D@N?(olHy`uVBq!ia0vp^{6H+o!N$PASjv0M9LQlW@$_|Nf50s&z-ldZcV<6O
zh_k>WvY3IvPXUA(#cF5X0}8UFJNh~@Fl_AS{*%ZG<lB3?IEGZ*N=|TK``_5mIIrQI
zSkmT-12T?1j~yBWXR{~^G-RlWObs{~*ueXMM=Ix`SAg*@wIrT{t7b}kY-D7x+Nu4n
UYTeA+K%*EuUHx3vIVCg!0AKSn3jhEB