Skip to content

Commit 2f338b9

Browse files
committed
ui tweaks
- use percentage for input/select/textarea width - fix input/select width difference (https://stackoverflow.com/a/899283)
1 parent 04e9616 commit 2f338b9

1 file changed

Lines changed: 8 additions & 3 deletions

File tree

  • src/main/resources/webapp/static/css

src/main/resources/webapp/static/css/style.css

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ table.cpd td:first-child {
8787
}
8888
/*** Fin ***/
8989
select {
90-
width: 358px;
90+
width: 70%;
9191
font-size: 12px;
9292
margin: 1px 0 1px 0;
9393
padding: 2px;
@@ -104,7 +104,7 @@ input[type="text"], input[type="number"], input[type="password"], input[type="te
104104
padding: 3px;
105105
border: 1px solid #CCC;
106106
border-radius: 0;
107-
width: 350px;
107+
width: 70%;
108108
font-size: 12px;
109109
}
110110

@@ -175,7 +175,7 @@ textarea {
175175
padding: 3px;
176176
border: 1px solid #CCC;
177177
border-radius: 0;
178-
width: 350px;
178+
width: 70%;
179179
height: 6em; /* 6 rows */
180180
font-size: 12px;
181181
font-family: Verdana, sans-serif;
@@ -437,4 +437,9 @@ span.formatNumber {
437437
table.res th.sorting-asc, table.res th.sorting-desc {
438438
background: #CCC;
439439
border-radius: 5px 5px 0 0;
440+
}
441+
input, select, textarea {
442+
-webkit-box-sizing: border-box;
443+
-moz-box-sizing: border-box;
444+
box-sizing: border-box;
440445
}

0 commit comments

Comments
 (0)