Updated management page.

1 files changed, 63 insertions, 58 deletions

diff --git a/newspipe/web/templates/management.html b/newspipe/web/templates/management.html
index 4d7c2da3..c3f6a943 100644
--- a/newspipe/web/templates/management.html
+++ b/newspipe/web/templates/management.html
@@ -1,70 +1,75 @@
 {% extends "layout.html" %}
 {% block content %}
 <div class="container">
-    <div class="well">
-        <div class="row">
-            <div class="col-md-6">
-                <h1>{{ _('Your subscriptions') }}</h1>
-                <p>{{ _('You are subscribed to') }} {{ nb_feeds }} <a href="/feeds">{{ _('feeds') }}</a>. <a href="{{ url_for("feed.form") }}">{{ _('Add') }}</a> {{ _('a feed') }}.</p>
-                <p>{{ nb_articles }} {{ _('articles are stored in the database with') }} {{ nb_unread_articles }} {{ _('unread articles') }}.</p>
-                <p>{{ _('You have') }} {{ nb_categories }} <a href="{{ url_for("categories.list_")}}">{{ _('categories') }}</a>.</p>
-                <a href="{{ url_for("articles.expire", weeks=10) }}" class="btn btn-default" onclick="return confirm('{{ _('You are going to delete old articles.') }}');">{{ _('Delete articles older than 10 weeks') }}</a>
-            </div>
-            <div class="col-md-6">
-                <h1>{{ _('Your bookmarks') }}</h1>
-                <p>{{ _('You have') }} {{ nb_bookmarks }} <a href="{{ url_for("bookmarks.list_")}}">{{ _('bookmarks') }}</a>.</p>
-                <a href="{{ url_for("bookmarks.delete_all") }}" class="btn btn-default" onclick="return confirm('{{ _('You are going to delete all bookmarks.') }}');">{{ _('Delete all bookmarks') }}</a>
+    <div class="card">
+        <div class="card-body">
+            <div class="row">
+                <div class="col">
+                    <h2>{{ _('Your subscriptions') }}</h2>
+                    <p>{{ _('You are subscribed to') }} {{ nb_feeds }} <a href="/feeds">{{ _('feeds') }}</a>. <a href="{{ url_for("feed.form") }}">{{ _('Add') }}</a> {{ _('a feed') }}.</p>
+                    <p>{{ nb_articles }} {{ _('articles are stored in the database with') }} {{ nb_unread_articles }} {{ _('unread articles') }}.</p>
+                    <p>{{ _('You have') }} {{ nb_categories }} <a href="{{ url_for("categories.list_")}}">{{ _('categories') }}</a>.</p>
+                    <a href="{{ url_for("articles.expire", weeks=10) }}" class="btn btn-light" onclick="return confirm('{{ _('You are going to delete old articles.') }}');">{{ _('Delete articles older than 10 weeks') }}</a>
+                </div>
+                <div class="col">
+                    <h2>{{ _('Your bookmarks') }}</h2>
+                    <p>{{ _('You have') }} {{ nb_bookmarks }} <a href="{{ url_for("bookmarks.list_")}}">{{ _('bookmarks') }}</a>.</p>
+                    <a href="{{ url_for("bookmarks.delete_all") }}" class="btn btn-light" onclick="return confirm('{{ _('You are going to delete all bookmarks.') }}');">{{ _('Delete all bookmarks') }}</a>
+                </div>
             </div>
         </div>
     </div>
-    <div class="well">
-        <div class="row">
-            <div class="col-md-6">
-                <h1>{{ _('Your data') }}</h1>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-md-6">
-                <h2>{{ _('Articles') }}</h2>
-                <h3>{{ _('Import') }}</h3>
-                <form action="" method="post" id="formImportJSON" enctype="multipart/form-data">
-                    <span class="btn btn-default btn-file">{{ _('Import a Newspipe account') }} (<span class="text-info">*.json</span>)<input type="file" name="jsonfile" /></span>
-                    <button class="btn btn-default" type="submit">OK</button>
-                </form>
-                <h3>{{ _('Export') }}</h3>
-                <a href="{{ url_for('articles.export') }}" class="btn btn-default">{{ _('Export your Newspipe account to JSON') }}</a>
+    <br />
+    <div class="card">
+        <div class="card-body">
+            <div class="row">
+                <div class="col">
+                    <h2>{{ _('Your data') }}</h2>
+                </div>
             </div>
-            <div class="col-md-6">
-                <h2 id="import">{{ _('OPML') }}</h2>
-                <h3>{{ _('Import') }}</h3>
-                <form action="" method="post" id="formImportOPML" enctype="multipart/form-data">
-                    <span class="btn btn-default btn-file">{{ _('Batch import feeds from OPML') }} (<span class="text-info">*.xml {{ _('or') }} *.opml</span>)<input type="file" name="opmlfile" /></span>
-                    <button class="btn btn-default" type="submit">OK</button>
-                </form>
-                <h3>{{ _('Export') }}</h3>
-                <form class="form-inline" action="{{ url_for('feeds.export') }}" method="GET" id="formExportOPML">
-                    <div class="form-group">
-                        <div class="input-group">
-                            <label>Include disabled feeds</label>
-                            <input type="checkbox" class="form-control" name="includedisabled" checked />
+            <div class="row">
+                <div class="col">
+                    <h3>{{ _('Articles') }}</h3>
+                    <h4>{{ _('Import') }}</h4>
+                    <form action="" method="post" id="formImportJSON" enctype="multipart/form-data">
+                        <span class="btn btn-file">{{ _('Import a Newspipe account') }} (<span class="text-info">*.json</span>)<input type="file" name="jsonfile" /></span>
+                        <button class="btn btn-light" type="submit">OK</button>
+                    </form>
+                    <h4>{{ _('Export') }}</h4>
+                    <a href="{{ url_for('articles.export') }}" class="btn btn-light">{{ _('Export your Newspipe account to JSON') }}</a>
+                </div>
+                <div class="col">
+                    <h3 id="import">{{ _('OPML') }}</h3>
+                    <h4>{{ _('Import') }}</h4>
+                    <form action="" method="post" id="formImportOPML" enctype="multipart/form-data">
+                        <span class="btn btn-file">{{ _('Batch import feeds from OPML') }} (<span class="text-info">*.xml {{ _('or') }} *.opml</span>)<input type="file" name="opmlfile" /></span>
+                        <button class="btn btn-light" type="submit">OK</button>
+                    </form>
+                    <h4>{{ _('Export') }}</h4>
+                    <form class="form-inline" action="{{ url_for('feeds.export') }}" method="GET" id="formExportOPML">
+                        <div class="form-group">
+                            <div class="input-group">
+                                <label>Include disabled feeds</label>
+                                <input type="checkbox" class="form-control" name="includedisabled" checked />
+                            </div>
+                            <div class="input-group">
+                                <label title="Newspipe encountered too much problems when retrieving these feeds.">Include dead feeds</label>
+                                <input type="checkbox" class="form-control" name="includeexceedederrorcount" checked />
+                            </div>
+                            <div class="input-group">
+                                <label>Include private feeds</label>
+                                <input type="checkbox" class="form-control" name="includeprivate" checked />
+                            </div>
                         </div>
-                        <div class="input-group">
-                            <label title="Newspipe encountered too much problems when retrieving these feeds.">Include dead feeds</label>
-                            <input type="checkbox" class="form-control" name="includeexceedederrorcount" checked />
-                        </div>
-                        <div class="input-group">
-                            <label>Include private feeds</label>
-                            <input type="checkbox" class="form-control" name="includeprivate" checked />
-                        </div>
-                    </div>
-                    <button class="btn btn-default" type="submit">{{ _('Export your feeds to OPML') }}</button>
-                </form>
+                        <button class="btn btn-light" type="submit">{{ _('Export your feeds to OPML') }}</button>
+                    </form>
+                </div>
             </div>
-        </div>
-        <div class="row">
-            <div class="col-md-12">
-                <h1>{{ _('Bookmarks') }}</h1>
-                <a href="{{ url_for('bookmarks.export') }}" class="btn btn-default">{{ _('Export your bookmarks to JSON') }}</a>
+            <div class="row">
+                <div class="col-md-12">
+                    <h2>{{ _('Bookmarks') }}</h2>
+                    <a href="{{ url_for('bookmarks.export') }}" class="btn btn-light">{{ _('Export your bookmarks to JSON') }}</a>
+                </div>
             </div>
         </div>
     </div>