Change CSS

static/src/css/style.css

@@ -85,15 +85,8 @@
 
 }
 
-/*.pos .leftpane .btn-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 300px;
-    border-top: solid 3px rgb(110, 200, 155);
-}*/
-
-.pos .scale-screen, .pos .balancecontainerscale-screen{
+.pos .scale-screen-custo,
+.pos .balancecontainerscale-screen{
     position: fixed;
     bottom: 0;
     top: inherit;
@@ -101,30 +94,30 @@
 }
 
 .pos .balancecontainerscale-screen .weight-brut, .pos .balancecontainerscale-screen .label-scale,
-.pos .scale-screen .weight-brut, .pos .scale-screen .label-scale,
-.pos .balancecontainerscale-screen .label-scale-cont ,
-.pos .scale-screen .label-scale-cont  {
+.pos .scale-screen-custo .weight-brut,
+.pos .scale-screen-custo .label-scale,
+.pos .scale-screen-custo .label-scale-cont
+.pos .balancecontainerscale-screen .label-scale-cont  {
     font-size: 25px;
     margin: 35px 16px 0px 16px;
     text-align: left;
     display: inline-block;
-    /*width: 40%;*/
 }
 
-.pos .balancecontainerscale-screen .label-scale.margin-top,
-.pos .scale-screen .label-scale.margin-top{
-    /*margin: 50px 16px 0px 16px;*/
+.pos .scale-screen .label-scale.margin-top,
+.pos .balancecontainerscale-screen .label-scale.margin-top{
     margin: 16px;
 }  
 
-.pos .label-scale-cont .label-scale-cont ,
-.pos .scale-screen .label-scale-cont  {
+.pos .scale-screen-custo .label-scale-cont,
+.pos .label-scale-cont .label-scale-cont
+{
     margin: 0px 16px 0px 16px;
 }
 
 .pos .confirmation-screen .btn-back,
 .pos .balancecontainerscale-screen .add-container,
-.pos .scale-screen .add-transaction{
+.pos .scale-screen-custo .add-transaction{
     margin: 0 auto;
     text-align: center;
     font-size: 32px;
@@ -211,7 +204,7 @@ h1.product-name {
 }
 
 .pos .balancecontainerscale-screen .computed-price,
-.pos .scale-screen .computed-price{
+.pos .scale-screen-custo .computed-price{
     text-align: right;
     margin: 16px;
     background: white;
@@ -227,7 +220,7 @@ h1.product-name {
 
 .pos .confirmation-screen .product-price,
 .pos .balancecontainerscale-screen .product-price,
-.pos .scale-screen .product-price {
+.pos .scale-screen-custo .product-price {
     font-size: 25px;
     margin: 10px;
     text-align: center;
@@ -314,7 +307,6 @@ h1.product-name {
     text-shadow: 0px 2px 0px #d2d2d2;
     box-shadow: 0px 2px 0px #e1e1e1 inset;
     width: 220px;
-    /*width: 100%;*/
     font-weight: normal;
 }
 
@@ -336,7 +328,6 @@ h1.product-name {
 .pos-header-custo .button{
     left: 0px;
     margin-left: 16px;
-    /*position: absolute;*/
     top: 0px;
     line-height: 32px;
     padding: 3px 13px;
@@ -350,7 +341,6 @@ h1.product-name {
 }
 
 .flex-poids{
-    /*min-width: 300px;*/
     display: flex;
     flex-direction: column;
 }
@@ -383,10 +373,7 @@ h1.product-name {
 .pos-bottom.pos-bottom-confirm{
     height: 100%;
 }
-/*
-.searchbox{
-    display: none;
-}*/
+
 .pos .product-balance-screen .product-list-scroller{
     padding-bottom: 200px; 
 }

static/src/xml/pos.xml

@@ -113,7 +113,7 @@
     </t>
 
     <t t-name="BalanceScaleScreenWidget">
-        <div class="scale-screen screen">
+        <div class="scale-screen scale-screen-custo screen">
             <div class="pos-bottom">
                 <div class="centered-content-flex">
                     <div class="flex-poids">