Major redesign of profile component styling

1 files changed, 13 insertions, 0 deletions

diff --git a/src/styles.css b/src/styles.css
index b4f7539..64aa79f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -89,6 +89,7 @@ input[type=file]::file-selector-button {
   width: 100%;
   max-height: 100%;
   overflow-y: auto;
+  flex-wrap: nowrap !important;
 }
 
 /* Hide scrollbar for Chrome, Safari and Opera */
@@ -142,6 +143,10 @@ input[type=file]::file-selector-button {
   justify-content: flex-end;
 }
 
+.flex-justify-center {
+  justify-content: center;
+}
+
 .flex-center-align-children > * {
   display: flex;
   align-items: center;
@@ -178,6 +183,10 @@ input[type=file]::file-selector-button {
 
 /* General text */
 
+.text-centered {
+  text-align: center;
+}
+
 .text-vertical-middle {
   vertical-align: middle;
 }
@@ -268,6 +277,10 @@ input[type=file]::file-selector-button {
 
 /* Misc */
 
+.full-width {
+  width: 100%;
+}
+
 .centered-content {
   max-width: var(--max-width);
   margin: 0 auto;