From 96078a1fca8f31208c13068642320d9050a5a186 Mon Sep 17 00:00:00 2001
From: Hypolite Petovan <mrpetovan@gmail.com>
Date: Thu, 15 Feb 2018 23:22:50 -0500
Subject: [PATCH 1/2] [frio] Make settings/addon look like settings/display

---
 view/theme/frio/css/style.css                 | 47 +++++++++++++++++++
 view/theme/frio/templates/settings/addons.tpl | 12 +++++
 2 files changed, 59 insertions(+)
 create mode 100644 view/theme/frio/templates/settings/addons.tpl

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 95a8aa09f9..671d7a9e18 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -2678,6 +2678,53 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
     margin-left: 20px;
 }
 
+/* Emulates Bootstrap display */
+.settings-block {
+	margin: 0 -15px 5px;
+	color: #333;
+	background-color: rgba(255,255,255,0.95);
+	border-radius: 4px;
+	padding: 10px 15px;
+	box-shadow: 0 0 3px #dadada;
+    -webkit-box-shadow: 0 0 3px #dadada;
+    -moz-box-shadow: 0 0 3px #dadada;
+}
+
+.settings-block.fakelink, .settings-block > .fakelink {
+	padding: 10px 25px;
+	display: block;
+}
+.settings-block > .fakelink {
+	margin: -10px -15px 10px -15px;
+	border-radius: 4px 4px 0 0;
+}
+
+.settings-block.fakelink:hover, .settings-block > .fakelink:hover {
+	color: $link_hover_color;
+}
+.settings-block.fakelink > h3, .settings-block > .fakelink > h3 {
+	margin: 0;
+	padding: 0;
+	color: $link_color;
+	font-size: 18px;
+}
+
+.fakelink > h3:before {
+	padding-right: 10px;
+}
+.settings-block.fakelink > h3:before {
+	font-family: FontAwesome;
+    content: "\f0da"; /* Right Plain Pointer */
+}
+.settings-block > .fakelink > h3:before {
+	font-family: FontAwesome;
+    content: "\f0d7"; /* Bottom Plain Pointer */
+}
+
+h3.connector {
+	line-height: 40px;
+}
+
 /* Intro Notifications */
 ul.notif-network-list {
     margin-left: -15px;
diff --git a/view/theme/frio/templates/settings/addons.tpl b/view/theme/frio/templates/settings/addons.tpl
new file mode 100644
index 0000000000..e8824b91a4
--- /dev/null
+++ b/view/theme/frio/templates/settings/addons.tpl
@@ -0,0 +1,12 @@
+<div class="generic-page-wrapper">
+	{{* include the title template for the settings title *}}
+	{{include file="section_title.tpl" title=$title}}
+
+	<form action="settings/addon" method="post" autocomplete="off">
+	<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
+
+	{{$settings_addons}}
+
+	</form>
+
+</div>
\ No newline at end of file

From f0268c6142ab25558896b097dfee69e3f8ce2966 Mon Sep 17 00:00:00 2001
From: Hypolite Petovan <mrpetovan@gmail.com>
Date: Fri, 16 Feb 2018 10:47:34 -0500
Subject: [PATCH 2/2] Fix indentation in frio/css/style.css

---
 view/theme/frio/css/style.css | 40 +++++++++++++++++------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 671d7a9e18..99fde33099 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1771,7 +1771,7 @@ code > .hl-main {
     text-decoration: underline;
 }
 .wall-item-actions .separator {
-	margin: 0 .3em;
+    margin: 0 .3em;
 }
 
 /* wall item hover effects */
@@ -2680,49 +2680,49 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
 
 /* Emulates Bootstrap display */
 .settings-block {
-	margin: 0 -15px 5px;
-	color: #333;
-	background-color: rgba(255,255,255,0.95);
-	border-radius: 4px;
-	padding: 10px 15px;
-	box-shadow: 0 0 3px #dadada;
+    margin: 0 -15px 5px;
+    color: #333;
+    background-color: rgba(255,255,255,0.95);
+    border-radius: 4px;
+    padding: 10px 15px;
+    box-shadow: 0 0 3px #dadada;
     -webkit-box-shadow: 0 0 3px #dadada;
     -moz-box-shadow: 0 0 3px #dadada;
 }
 
 .settings-block.fakelink, .settings-block > .fakelink {
-	padding: 10px 25px;
-	display: block;
+    padding: 10px 25px;
+    display: block;
 }
 .settings-block > .fakelink {
-	margin: -10px -15px 10px -15px;
-	border-radius: 4px 4px 0 0;
+    margin: -10px -15px 10px -15px;
+    border-radius: 4px 4px 0 0;
 }
 
 .settings-block.fakelink:hover, .settings-block > .fakelink:hover {
-	color: $link_hover_color;
+    color: $link_hover_color;
 }
 .settings-block.fakelink > h3, .settings-block > .fakelink > h3 {
-	margin: 0;
-	padding: 0;
-	color: $link_color;
-	font-size: 18px;
+    margin: 0;
+    padding: 0;
+    color: $link_color;
+    font-size: 18px;
 }
 
 .fakelink > h3:before {
-	padding-right: 10px;
+    padding-right: 10px;
 }
 .settings-block.fakelink > h3:before {
-	font-family: FontAwesome;
+    font-family: FontAwesome;
     content: "\f0da"; /* Right Plain Pointer */
 }
 .settings-block > .fakelink > h3:before {
-	font-family: FontAwesome;
+    font-family: FontAwesome;
     content: "\f0d7"; /* Bottom Plain Pointer */
 }
 
 h3.connector {
-	line-height: 40px;
+    line-height: 40px;
 }
 
 /* Intro Notifications */