1 files changed, 22 insertions, 27 deletions

diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 07a4d05e2..3a3c14924 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -16,11 +16,6 @@
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* Fork-Awesome 'fa-fw' fixed icon width 
-   keep in sync with https://github.com/ForkAwesome/Fork-Awesome/blob/a99579ae3e735ee70e51ed62dfcee3172b5b2db7/css/fork-awesome.css#L50
-*/
-$fa-fw: 1.28571429em;
-
 body {
 	grid-template-rows: auto 1fr;
 }
@@ -30,10 +25,6 @@ body {
 	width: 100%;
 }
 
-section {
-	grid-column: 2;
-}
-
 header {
 	justify-content: start;
 
@@ -51,19 +42,26 @@ header {
 	}
 }
 
-main section {
-	box-shadow: none;
-	border-radius: none;
-	border: none;
-}
-
 #root {
-	display: grid;
-	grid-template-columns: 1fr minmax(auto, 60rem) 1fr;
-	grid-template-columns: 1fr min(92%, 60rem) 1fr;
 	box-sizing: border-box;
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	margin: 0 1rem;
+	gap: 1rem;
+
+	section.oauth {
+		max-width: 92%;
+		width: 60rem;
+	}
 
 	section.with-sidebar {
+		flex-grow: 100;
+		flex-basis: 40rem;
+		background: $bg-accent;
+		padding: 2rem;
+		border-radius: $br;
+
 		& > div, & > form {
 			border-left: 0.2rem solid $border-accent;
 			padding-left: 0.4rem;
@@ -97,13 +95,13 @@ main section {
 	}
 
 	.sidebar {
-		margin: 0 1rem;
+		flex-grow: 1;
+		flex-basis: 20rem;
 		align-self: start;
 		justify-self: end;
 		background: $bg;
 		display: flex;
 		flex-direction: column;
-		min-width: 12rem;
 
 		.account-card {
 			grid-template-columns: auto 1fr auto;
@@ -240,10 +238,6 @@ nav.menu-tree {
 	text-transform: capitalize;
 }
 
-section {
-	margin-bottom: 1rem;
-}
-
 input, select, textarea {
 	box-sizing: border-box;
 }
@@ -406,9 +400,10 @@ section.with-sidebar > div, section.with-sidebar > form {
 		gap: 1rem;
 
 		.profile {
-			.basic {
-				margin-bottom: 0.5rem;
-				/* margin-top: 0; */
+			padding: 0;
+
+			.header {
+				border: 0.1rem solid $gray1;
 			}
 		}