From f84fe7b8545525e31ed5b6e8eaeb34c5af299698 Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Wed, 6 Feb 2013 12:09:57 +0100
Subject: [PATCH] Proper layout for theme options.

---
 templates/2k11/admin/style.css | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index 343ed078..a2b3a559 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -439,7 +439,9 @@ label > span,
 #image_directory_edit_form .form_select label,
 #uploadform label,
 #serendipity_admin_groups .form_field label,
-#serendipity_admin_groups .form_select label { display: block; }
+#serendipity_admin_groups .form_select label,
+#template_options .form_select label,
+#template_options .form_field label { display: block; }
 
 .image_resize_hint p { display: inline; }
 
@@ -482,6 +484,7 @@ input[type="checkbox"] {
 }
 
 .button_link:focus,
+#template_options div>a:focus,
 button:focus,
 input:focus,
 select:focus,
@@ -504,6 +507,7 @@ input[type="checkbox"]:active {
 }
 
 .button_link,
+#template_options div>a,
 button, input[type="button"],
 input[type="reset"],
 input[type="submit"] {
@@ -533,6 +537,7 @@ input[type="submit"] {
 }
 
 .button_link:hover,
+#template_options div>a:hover,
 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
@@ -545,6 +550,7 @@ input[type="submit"]:hover {
 }
 
 .button_link:active,
+#template_options div>a:active,
 button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
@@ -753,6 +759,9 @@ a:focus { color: #d06604; }
 a.button_link,
 a.button_link:hover,
 a.button_link:focus,
+#template_options div>a,
+#template_options div>a:hover,
+#template_options div>a:focus,
 .button_link>span:before {
     color: #000;
     text-decoration: none;
@@ -926,6 +935,9 @@ summary {
 #serendipity_comment .form_field input,
 #serendipity_comment select { width: 84%; }
 
+#template_options .form_select select,
+#template_options .form_field input { width: 100%; }
+
 #serendipity_category .form_multiselect label { width: auto; }
 
 .editor_toolbar input,
@@ -1178,6 +1190,9 @@ fieldset p,
 
     #uploadform .form_field input,
     #uploadform .form_select select { min-width: 16em; }
+
+    #template_options .form_select select,
+    #template_options .form_field input { max-width: 320px; }
 }
 
 
@@ -1226,6 +1241,18 @@ fieldset p,
         width: auto;
     }
 
+    #template_options .form_select label,
+    #template_options .form_field label,
+    #template_options .form_select select,
+    #template_options .form_field input {
+        float: left;
+        margin-right: 2%;
+        width: 48%;
+    }
+
+    #template_options .form_select select,
+    #template_options .form_field input { max-width: 48%; }
+
     #template_select .odd,
     .media_pane .odd { clear: left; }