From b2cd375936e9d82102b138473f5407e1e979d87d Mon Sep 17 00:00:00 2001
From: sauls8t <saul@documize.com>
Date: Wed, 19 Jun 2019 12:48:18 +0100
Subject: [PATCH] Increase border radius for UI card elements

---
 gui/app/styles/core/layout/sidebar.scss     | 2 +-
 gui/app/styles/core/news.scss               | 4 ++--
 gui/app/styles/core/view/customize.scss     | 9 ++++++---
 gui/app/styles/core/view/document/meta.scss | 2 +-
 gui/app/styles/core/view/space.scss         | 1 +
 gui/app/styles/core/view/spaces.scss        | 1 +
 6 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/gui/app/styles/core/layout/sidebar.scss b/gui/app/styles/core/layout/sidebar.scss
index af5095c6..a39342c9 100644
--- a/gui/app/styles/core/layout/sidebar.scss
+++ b/gui/app/styles/core/layout/sidebar.scss
@@ -5,7 +5,7 @@
 	// background-color: $theme-100;
 	background-color: $color-sidebar;
 	// background-color: map-get($gray-shades, 100);
-	@include border-radius(6px);
+	@include border-radius(16px);
 
 	> .goto-top {
 		position: absolute;
diff --git a/gui/app/styles/core/news.scss b/gui/app/styles/core/news.scss
index b500c908..7bd0680b 100644
--- a/gui/app/styles/core/news.scss
+++ b/gui/app/styles/core/news.scss
@@ -5,7 +5,7 @@
 		padding: 25px;
 		background-color: map-get($yellow-shades, 100);
 		border: 1px solid map-get($yellow-shades, 300);
-		@include border-radius(3px);
+		@include border-radius(16px);
 
 		> .title {
 			font-weight: bold;
@@ -47,7 +47,7 @@
 		padding: 25px;
 		background-color: map-get($gray-shades, 100);
 		border: 1px solid map-get($gray-shades, 200);
-		@include border-radius(3px);
+		@include border-radius(16px);
 
 		> .version {
 			font-weight: 700;
diff --git a/gui/app/styles/core/view/customize.scss b/gui/app/styles/core/view/customize.scss
index 8f088ae1..84116110 100644
--- a/gui/app/styles/core/view/customize.scss
+++ b/gui/app/styles/core/view/customize.scss
@@ -99,6 +99,7 @@
 
 		> .space {
 			@include card();
+			@include border-radius(16px);
 			list-style-type: none;
 			margin: 0 0 2rem 0;
 			padding: 15px 20px;
@@ -138,6 +139,7 @@
 
 		> .group {
 			@include card();
+			@include border-radius(16px);
 			list-style-type: none;
 			margin: 0 0 2rem 0;
 			padding: 15px 20px;
@@ -212,6 +214,7 @@
 
 			> .item {
 				@include card();
+				@include border-radius(16px);
 				list-style-type: none;
 				margin: 0 0 2rem 0;
 				padding: 15px 20px;
@@ -249,7 +252,7 @@
 		font-size: 1.1rem;
 
 		> .backup-zone {
-			@include border-radius(3px);
+			@include border-radius(16px);
 			border: 1px solid map-get($green-shades, 200);
 			padding: 20px 20px;
 			background-color: map-get($green-shades, 100);
@@ -267,7 +270,7 @@
 		}
 
 		> .restore-zone {
-			@include border-radius(3px);
+			@include border-radius(16px);
 			border: 1px solid map-get($red-shades, 200);
 			margin: 50px 0;
 			padding: 20px 20px;
@@ -314,7 +317,7 @@
 	}
 
 	> .deactivation-zone {
-		@include border-radius(3px);
+		@include border-radius(16px);
 		border: 1px solid map-get($yellow-shades, 600);
 		margin: 30px 0;
 		padding: 20px 20px;
diff --git a/gui/app/styles/core/view/document/meta.scss b/gui/app/styles/core/view/document/meta.scss
index 3dca0bc0..f3d1498d 100644
--- a/gui/app/styles/core/view/document/meta.scss
+++ b/gui/app/styles/core/view/document/meta.scss
@@ -1,6 +1,6 @@
 .document-meta-wrapper {
 	padding: 20px 20px 0 20px;
-	@include border-radius(7px);
+	@include border-radius(16px);
 	background-color: map-get($gray-shades, 100);
 }
 
diff --git a/gui/app/styles/core/view/space.scss b/gui/app/styles/core/view/space.scss
index 149f3149..dcffcc43 100644
--- a/gui/app/styles/core/view/space.scss
+++ b/gui/app/styles/core/view/space.scss
@@ -23,6 +23,7 @@
 
 		> .document {
 			@include card();
+			@include border-radius(16px);
 			list-style-type: none;
 			margin: 0 0 2rem 0;
 			padding: 15px 20px;
diff --git a/gui/app/styles/core/view/spaces.scss b/gui/app/styles/core/view/spaces.scss
index 3bf47feb..b95b03c4 100644
--- a/gui/app/styles/core/view/spaces.scss
+++ b/gui/app/styles/core/view/spaces.scss
@@ -13,6 +13,7 @@
 				display: grid;
 				grid-template-columns: 1fr;
 				grid-template-rows: 2fr;
+				@include border-radius(16px);
 
 				> .info {
 					grid-column-start: 1;