Updated the html and CSS of the Manage Themes page in the admin. Removed unused images.

--HG--
branch : dev

src/Orchard.Web/Core/Themes/Views/Admin/Index.aspx

@@ -8,10 +8,12 @@
              %><br /><%=Html.ActionLink(T("Install a new Theme").ToString(), "Install") %></p><%
    } else {
     %><h3><%=_Encoded("Current Theme")%> - <%=Html.Encode(Model.CurrentTheme.DisplayName) %></h3>
-     <p>
-        <%=Html.Image(Html.ThemePath(Model.CurrentTheme, "/Theme.png"), Html.Encode(Model.CurrentTheme.DisplayName), null)%><br />
-        <%=_Encoded("By") %> <%=Html.Encode(Model.CurrentTheme.Author) %><br />
-        <%=Html.Encode(Model.CurrentTheme.Version) %><br />
+
+        <%=Html.Image(Html.ThemePath(Model.CurrentTheme, "/Theme.png"), Html.Encode(Model.CurrentTheme.DisplayName), null)%>
+        <h5><%=_Encoded("By") %> <%=Html.Encode(Model.CurrentTheme.Author) %></h5>
+        
+        <p>
+        <%=_Encoded("Version:") %> <%=Html.Encode(Model.CurrentTheme.Version) %><br />
         <%=Html.Encode(Model.CurrentTheme.Description) %><br />
         <%=Html.Encode(Model.CurrentTheme.HomePage) %><br />
         <%=Html.ActionLink(T("Install a new Theme").ToString(), "Install") %>
@@ -21,32 +23,38 @@
 <ul class="templates">
 <% foreach (var theme in Model.Themes) {
     if (Model.CurrentTheme == null || theme.ThemeName != Model.CurrentTheme.ThemeName) {
-        %>    <li>
+        %> <li>
+      <div>
         <h3><%=Html.Encode(theme.DisplayName) %></h3>
-        <p>
-            <%=Html.Image(Html.ThemePath(theme, "/Theme.png"), Html.Encode(theme.DisplayName), null)%><br />
-            <%=_Encoded("By") %> <%=Html.Encode(theme.Author) %><br />
-            <%=Html.Encode(theme.Version) %><br />
-            <%=Html.Encode(theme.Description) %><br />
-            <%=Html.Encode(theme.HomePage) %>
-        </p>
-        <div>
-            <% using(Html.BeginFormAntiForgeryPost(Url.Action("Preview"), FormMethod.Post, new { @class = "inline" })) { %>
-                <fieldset>
-                    <button type="submit" title="<%=_Encoded("Preview") %>" name="themeName" value="<%=theme.ThemeName %>"><%=_Encoded("Preview") %></button>
-                </fieldset>
-            <% } %>
-            <% using(Html.BeginFormAntiForgeryPost(Url.Action("Activate"), FormMethod.Post, new { @class = "inline" })) { %>
+        <%=Html.Image(Html.ThemePath(theme, "/Theme.png"), Html.Encode(theme.DisplayName), null)%>
+        
+            <% using (Html.BeginFormAntiForgeryPost(Url.Action("Activate"), FormMethod.Post, new { @class = "inline" }))
+               { %>
                 <fieldset>
                     <button type="submit" title="<%=_Encoded("Activate") %>" name="themeName" value="<%=theme.ThemeName %>"><%=_Encoded("Activate") %></button>
                 </fieldset>
             <% } %>
-            <% using(Html.BeginFormAntiForgeryPost(Url.Action("Uninstall"), FormMethod.Post, new { @class = "inline" })) { %>
+            <% using (Html.BeginFormAntiForgeryPost(Url.Action("Preview"), FormMethod.Post, new { @class = "inline" }))
+               { %>
                 <fieldset>
-                    <button type="submit" class="remove" title="<%=_Encoded("Uninstall") %>" name="themeName" value="<%=theme.ThemeName %>"><%=_Encoded("Uninstall")%></button>
+                    <button type="submit" title="<%=_Encoded("Preview") %>" name="themeName" value="<%=theme.ThemeName %>"><%=_Encoded("Preview") %></button>
                 </fieldset>
             <% } %>
-        </div>
+
+        <h5><%=_Encoded("By") %> <%=Html.Encode(theme.Author) %></h5>
+        <p>
+            <%=_Encoded("Version:") %> <%=Html.Encode(theme.Version) %><br />
+            <%=Html.Encode(theme.Description) %><br />
+            <%=Html.Encode(theme.HomePage) %>
+        </p>
+                <% using (Html.BeginFormAntiForgeryPost(Url.Action("Uninstall"), FormMethod.Post, new { @class = "inline" }))
+               { %>
+                <fieldset>
+                    <button type="submit" class="linkButton" title="<%=_Encoded("Uninstall") %>" name="themeName" value="<%=theme.ThemeName %>"><%=_Encoded("Uninstall")%></button>
+                </fieldset>
+            <% } %>
+
+     </div>   
     </li>
     <% }
 } %>

src/Orchard.Web/Orchard.Web.csproj

@@ -155,7 +155,6 @@
     <Content Include="Themes\TheAdmin\Styles\images\icons.png" />
     <Content Include="Themes\TheAdmin\Styles\images\tableHeaderBackgroundRed.gif" />
     <Content Include="Themes\TheAdmin\Styles\site.css" />
-    <Content Include="Themes\TheAdmin\Theme.gif" />
     <Content Include="Themes\TheAdmin\Theme.txt" />
     <Content Include="Themes\TheAdmin\Views\Layout.ascx" />
   </ItemGroup>
@@ -244,6 +243,7 @@
     <Content Include="Themes\TheAdmin\Styles\images\backgroundGradient.gif" />
     <Content Include="Themes\TheAdmin\Styles\images\backgroundHeader.gif" />
     <Content Include="Themes\TheAdmin\Styles\images\orchardLogo.gif" />
+    <Content Include="Themes\TheAdmin\Theme.png" />
     <Content Include="Themes\TheAdmin\Views\Menu.ascx" />
     <Content Include="Themes\TheAdmin\Views\User.ascx" />
     <Content Include="Themes\TheAdmin\Views\Header.ascx" />

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

@@ -682,10 +682,17 @@ todo: (heskew) pull out into relevant modules where appropriate
 
 /* Pages
 ----------------------------------------------------------*/
+#main .templates p {
+    margin:0 0 .3em 0;
+}
 .templates li {
-    border-bottom:1px dashed #e4e7dc;
-    margin-bottom:2em;
-    padding-bottom:2em;
+    margin:.8em;
+    width:30%;
+    display: -moz-inline-stack;
+    display:inline-block;
+    vertical-align:top;
+    zoom:1;
+    *display: inline;
 }
 .templates fieldset {
     margin:0 0 .933%;
@@ -693,10 +700,11 @@ todo: (heskew) pull out into relevant modules where appropriate
 .templates p {
     overflow:hidden;
 }
-.templates p img {
-    float:left;
+.templates img {
+	border:1px solid #e8e8e8;
     height:200px;
-    margin:.27em .93em .93em .54em;
+    margin:.27em 0 .93em 0;
+    display:block;
 }
 .previewImage {
 	border:1px solid #525e50;