system page now uses bootstrap for layout.

NzbDrone.Web/Content2/Menu.css

@@ -6,7 +6,7 @@
 
 #menu ul
 {
-    margin: 10 0 0 -30;
+    margin: 10px 0 0 -30px;
     padding: 5px 0 5px 0;
     list-style: none;
     line-height: normal;
@@ -18,6 +18,8 @@
     padding: 5px 15px 2px 10px;
 }
 
+
+
 #menu a
 {
     height: 26px;
@@ -45,7 +47,7 @@
 .sub-menu
 {
     padding-left: 5px;
-    margin-top: 0px;
+    margin: 10px 0 10px 0;
 }
 
 .sub-menu li
@@ -75,3 +77,9 @@
     margin-left: -10px;
     margin-bottom: 0px;
 }
+
+
+#donate a {
+    background-color: #065EFE;
+    color: #191919;
+}

NzbDrone.Web/Views/Settings/System.cshtml

@@ -1,12 +1,10 @@
 @using NzbDrone.Web.Helpers
 @model NzbDrone.Web.Models.SystemSettingsModel
 
-
 @{
-    Layout = "~/Views/Shared/_Bootstrap.cshtml";
+    Layout = "_SettingsLayout.cshtml";
 }
 
-
 <div class="infoBox">
     You must manually restart NzbDrone for these changes to take effect. (Automatic restart coming soon!)
 </div>

NzbDrone.Web/Views/Shared/_Bootstrap.cshtml

@@ -59,7 +59,9 @@
         </div>
         <div id="content" class="row">
             <div class="span12">
-
+                <div class="row sub-menu">
+                    @RenderSection("ActionMenu", required: false)
+                </div>
                 @RenderBody()
             </div>
         </div>

NzbDrone.Web/Views/System/Index.cshtml

@@ -1,8 +1,11 @@
 @using NzbDrone.Web.Helpers
 @{
     ViewBag.Title = "System";
-}
+    Layout = "~/Views/Shared/_Bootstrap.cshtml";
+
+    }
 
+@*
 @section HeaderContent
 {
     @Html.IncludeCss("Settings.css")
@@ -12,7 +15,7 @@
             padding: 14px;
         }
     </style>
-}
+}*@
 
 @section ActionMenu{
     <ul class="sub-menu">