Indexers carded

12 years ago · 23695b3fe8
parent 0bc2d4814c
commit 23695b3fe8
5 changed files with 26 additions and 9 deletions
--- a/UI/Index.html
+++ b/UI/Index.html
@ -20,6 +20,7 @@
    <link href="/series/details.css" rel='stylesheet' type='text/css'/>
    <link href="/content/base.css" rel='stylesheet' type='text/css'/>
    <link href="/settings/notifications/notifications.css" rel='stylesheet' type='text/css'/>
+    <link href="/settings/indexers/indexers.css" rel='stylesheet' type='text/css'/>
 </head>
 <body>
 <div id="in-sub-nav">
--- a/UI/Settings/Indexers/CollectionTemplate.html
+++ b/UI/Settings/Indexers/CollectionTemplate.html
@ -6,6 +6,6 @@

 <div class="row">
    <div class="span12">
-        <div id="x-indexers" class="form-horizontal"></div>
+        <ul id="x-indexers" class="indexer-list"></ul>
    </div>
 </div>
--- a/UI/Settings/Indexers/ItemTemplate.html
+++ b/UI/Settings/Indexers/ItemTemplate.html
@ -1,5 +1,5 @@
-<fieldset>
-    <legend>{{name}}</legend>
+<div class="indexer-settings-item">
+    <h2>{{name}}</h2>

    <div class="control-group">
        <label class="control-label">Enable</label>
@ -14,12 +14,8 @@

                <div class="btn btn-primary slide-button"></div>
            </label>
-
-            <span class="help-inline-checkbox">
-                <i class="icon-question-sign" title="Do you want to use {{name}} to download NZBs?"></i>
-            </span>
        </div>
    </div>

    {{formBuilder}}
-</fieldset>
+</div>
--- a/UI/Settings/Indexers/ItemView.js
+++ b/UI/Settings/Indexers/ItemView.js
@ -7,6 +7,7 @@ define([
 ], function () {

    NzbDrone.Settings.Indexers.ItemView = Backbone.Marionette.ItemView.extend({
-        template  : 'Settings/Indexers/ItemTemplate'
+        template  : 'Settings/Indexers/ItemTemplate',
+        tagName   : 'li'
    });
 });
--- a/UI/Settings/Indexers/indexers.less
+++ b/UI/Settings/Indexers/indexers.less
@ -0,0 +1,19 @@
+@import "../../Shared/Styles/card";
+
+.indexer-list {
+  li {
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+.indexer-settings-item {
+
+  .card;
+
+  min-width: 220px;
+
+  h2 {
+    margin-top: 0px;
+  }
+}