cleaning

data/www/scss/components/_toolbar.scss

@@ -1,18 +0,0 @@
-.toolbar {
-  display: flex;
-  flex-direction: row;
-  padding: 0 25px;
-  align-self: stretch;
-}
-
-.toolbar h2 {
-  padding: 0 25px 0 0;
-}
-
-.toolbar .toolbar-actions {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-}

data/www/scss/main.scss

@@ -22,11 +22,10 @@
 @import 'components/modals';
 
 // Legacy
-@import 'components/toolbar';
 @import 'components/panels';
-@import 'components/switches';
-//@import 'components/cards';
 //@import 'components/empty';
+//@import 'components/switches';
+//@import 'components/cards';
 //@import 'components/badges';
 
 // Import form styles
@@ -34,6 +33,7 @@
 
 // Import pages styles
 @import 'pages/content';
+@import 'pages/playlist';
 @import 'pages/node_player';
-//@import 'pages/settings';
+@import 'pages/settings';
-//@import 'pages/sysinfo';
+@import 'pages/sysinfo';

data/www/scss/pages/_playlist.scss

@@ -0,0 +1,28 @@
+
+.view-playlist-list main .main-container {
+
+
+
+}
+
+.view-playlist-edit main .main-container {
+
+	.bottom-content {
+		.page-content {
+			flex: 1;
+
+			.form-holder {
+				margin: 20px 20px 20px 10px;
+			}
+		}
+
+		.page-panel.right-panel {
+
+		}
+	}
+}
+
+
+
+
+

views/sysinfo/list.jinja.html

@@ -10,14 +10,26 @@
 {% endblock %}
 
 {% block page %}
-    <div class="toolbar">
+
-        <h2><i class="fa fa-list-check icon-left"></i>{{ l.sysinfo_page_title }}</h2>
+    <div class="top-content">
-        <div class="toolbar-actions">
+        <h1>
+            {{ l.sysinfo_panel_title }}
+        </h1>
+
+        <div class="top-actions">
             {{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_START) }}
-            <button class="purple sysinfo-restart"><i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }}</button>
+            <button class="btn btn-info sysinfo-restart">
+                <i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }}
+            </button>
             {{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_END) }}
         </div>
     </div>
+
+    <div class="bottom-content">
+        <div class="page-content">
+            <div class="inner">
+
+
                 <div class="panel">
                     <div class="panel-body">
                         <h3>{{ l.sysinfo_panel_title }}</h3>
@@ -97,7 +109,16 @@
                 <div class="panel panel-inactive panel-logs">
                     <div class="panel-body">
                         <h3>{{ l.sysinfo_panel_last_logs }}</h3>
-            <pre style="">{%- for log_line in last_logs.split("\n") %}{{ log_line ~ "\n" }}{%- endfor %}</pre>
+                        <pre style="">{%- for log_line in last_logs.split("\n") %}
+                            {{ log_line ~ "\n" }}{%- endfor %}</pre>
                     </div>
                 </div>
+
+            </div>
+        </div>
+    </div>
+
+
+
+
 {% endblock %}