josesalazar2025 commited on
Commit
cfed467
·
1 Parent(s): 084212f

Fix mobile lab input layout: fixed-width estado-campo and narrower inputs

Browse files

Reserve 5.5rem for estado-campo flags on all lab panels so inputs never
shift position when Alto/Bajo flags appear. Reduce input width to 3.5rem
(fits 4 digits). Apply same rules to panel-uri and panel-endo.

Files changed (1) hide show
  1. css/styles.css +23 -3
css/styles.css CHANGED
@@ -1895,16 +1895,36 @@ main {
1895
  }
1896
 
1897
  #panel-hema .fila-campo input,
1898
- #panel-bioquim .fila-campo input {
 
 
1899
  padding: 3px 0.4rem;
1900
- width: calc(4.5rem + 1.5rem);
 
1901
  }
1902
 
1903
  #panel-hema .fila-campo .unidad,
1904
- #panel-bioquim .fila-campo .unidad {
 
 
1905
  min-width: 3rem;
1906
  }
1907
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1908
  #panel-bioquim .grupo-campo {
1909
  margin-bottom: 0.2rem;
1910
  }
 
1895
  }
1896
 
1897
  #panel-hema .fila-campo input,
1898
+ #panel-bioquim .fila-campo input,
1899
+ #panel-uri .fila-campo input,
1900
+ #panel-endo .fila-campo input {
1901
  padding: 3px 0.4rem;
1902
+ width: 3.5rem;
1903
+ flex-shrink: 0;
1904
  }
1905
 
1906
  #panel-hema .fila-campo .unidad,
1907
+ #panel-bioquim .fila-campo .unidad,
1908
+ #panel-uri .fila-campo .unidad,
1909
+ #panel-endo .fila-campo .unidad {
1910
  min-width: 3rem;
1911
  }
1912
 
1913
+ #panel-hema .fila-campo .estado-campo,
1914
+ #panel-bioquim .fila-campo .estado-campo,
1915
+ #panel-uri .fila-campo .estado-campo,
1916
+ #panel-endo .fila-campo .estado-campo {
1917
+ width: 5.5rem;
1918
+ min-width: 5.5rem;
1919
+ flex-shrink: 0;
1920
+ text-align: right;
1921
+ }
1922
+
1923
+ #panel-uri .fila-campo,
1924
+ #panel-endo .fila-campo {
1925
+ gap: 0.4rem;
1926
+ }
1927
+
1928
  #panel-bioquim .grupo-campo {
1929
  margin-bottom: 0.2rem;
1930
  }