Make text input boxes with height:auto; and no initial value get a sensible height. Make all form elements have their dimensions based on the configured minimum font size, if the current text size is smaller. Remove redundant code for setting radio icon and checkbox sizes. All em/ex based sizes now respect the min font size, when it's in effect. Updated default styles for form elements.

svn path=/trunk/netsurf/; revision=3813

1 files changed, 8 insertions, 8 deletions

diff --git a/!NetSurf/Resources/CSS,f79 b/!NetSurf/Resources/CSS,f79
index e8c611f50..78d0bbce4 100644
--- a/!NetSurf/Resources/CSS,f79
+++ b/!NetSurf/Resources/CSS,f79
@@ -152,30 +152,30 @@ form { display: block; }
 form > * { margin-left: inherit; margin-right: inherit; }
 
 input { background-color: #fff; color: #000; text-align: left;
-	font-family: sans-serif; width: 10em; height: 1.5em; overflow: hidden;
-	margin: 1px; border: 1px solid #000; padding: 0 2px; }
+	font-family: sans-serif; width: 10em; height: auto; overflow: hidden;
+	margin: 1px; border: 2px solid #333; padding: 1px 2px; }
 input[type=button], input[type=reset], input[type=submit], button {
 	background-color: #d9d9d9; color: #000; text-align: center;
 	width: auto; height: auto;
-	border: medium outset #d9d9d9; padding: 0 0.5em; }
+	border: medium outset #d9d9d9; padding: 1px 0.5em; }
 input[type=image] { background-color: transparent; color: #000;
-	width: auto; height: auto; border: none; }
+	width: auto; height: auto; border: none; padding: 0 2px; }
 input[type=checkbox], input[type=radio] { background-color: transparent;
 	width: 1em; height: 1em; border: none; padding: 0 0.1em; }
 input[type=file] { background-color: #d9d9d9; color: #000;
 	width: 10em; height: 1.5em; font-style: italic;
-	border: medium inset #d9d9d9; }
+	border: medium inset #d9d9d9; padding: 1px 2px;}
 input[align=left] { float: left; }
 input[align=right] { float: right; }
 
 select { background-color: #d9d9d9; color: #000; text-align: left;
-	font-family: sans-serif; width: 10em; height: 1.5em; overflow: hidden;
-	margin: 1px; border: medium inset #d9d9d9; padding: 0 2px; }
+	font-family: sans-serif; width: 10em; height: auto; overflow: hidden;
+	margin: 1px; border: medium inset #d9d9d9; padding: 1px 2px; }
 select:after { content: "\25bc"; border-left: 4px ridge #d9d9d9; }
 
 textarea { background-color: #fff; color: #000; text-align: left;
 	font-family: monospace; overflow: scroll;
-	margin: 1px; border: 1px solid #000; padding: 0 2px; }
+	margin: 1px; border: 2px solid #333; padding: 0 2px; }
 
 fieldset { display: block; border: thin solid #888; margin: 1.12em 0; }