Updating TheAdmin theme's style to let it scale down (1) and getting the features UI to behave better in smaller widths (2)

- (1) to within an 800x600. will need make use of media queries in the not too distant future
- (2) in the summary view, feature blocks would stack two-wide at the low end

--HG--
branch : dev

src/Orchard.Web/Modules/Orchard.Modules/Views/Admin/Features.ascx

@@ -35,7 +35,7 @@
             <li class="<%:featureClassName%>" id="<%:featureId%>" title="<%:T("{0} is {1}", Html.AttributeEncode(feature.Descriptor.Name), featureState)%>">
                 <div class="summary">
                     <div class="properties">
-                        <h3><%:feature.Descriptor.Name%></h3>
+                        <h3><%=string.Join(".&#8203;", feature.Descriptor.Name.Split('.').Select(s => Html.Encode(s)))%></h3>
                         <p class="description"><%:feature.Descriptor.Description%></p><%
                 if (feature.Descriptor.Dependencies != null && feature.Descriptor.Dependencies.Any()) {%>
                         <div class="dependencies">

src/Orchard.Web/Modules/Orchard.Modules/styles/admin.css

@@ -2,7 +2,7 @@
     margin-top:0;
 }
 #main .features h3 {
-    padding:0;
+    padding:0 3em 0 0;
 }
 .features.detail-view .category > ul {
     border:1px solid #EAEAEA;
@@ -19,25 +19,22 @@
     -webkit-box-shadow: 0px 1px 2px #d6d6d6;
     display:block;
     float:left;
-    height:5em;
+    height:6em;
     margin:0 .5% 1% .5%;
     position:relative;
-    width:32.1%;
+    width:31.95%;
 }
 .features.summary-view .feature:nth-child(3n+1),
 .features.summary-view .feature:nth-child(3n+2),
 .features.summary-view .feature:nth-child(3n) {
-    width:32.55%;
+    width:32.3%;
 }
 .features.summary-view .feature:nth-child(3n+1) {
     margin-left:0;
 }
 .features.summary-view .feature:nth-child(3n+2) {
-    margin-right:0;
 }
 .features.summary-view .feature:nth-child(3n) {
-    float:right;
-    margin-left:0;
     margin-right:0;
 }
 
@@ -74,10 +71,17 @@
     padding:.4em .5em;
     position:relative;
 }
+.features.detail-view .feature .summary {
+    overflow:visible;
+}
+#main .features.detail-view .feature {
+    padding-right:5.5em;
+}
 #main .features.detail-view h3 {
     display:inline;
     font-size:1.4em;
     font-weight:bold;
+    padding-right:0;
 }
 #main .features.summary-view .description {
     display:none;
@@ -115,6 +119,9 @@
     right:.4em;
     top:.4em;
 }
+.features.detail-view .feature .actions {
+    right:-3.5em;
+}
 .features .feature .actions form.inline.link,
 .features .feature .actions a {
     margin-left:.5em;

src/Orchard.Web/Themes/TheAdmin/Styles/site.css

@@ -52,7 +52,7 @@ body {
     font-size:62.5%; /* 10px */
 	line-height:1.6em;
     margin:0 auto 1em;
-    min-width:94.6em; /* 946px */
+    min-width:74em; /* 946px */
     padding:0;
 }
 button {