refactor: flex styles / fixes / profile links

packages/app/src/index.css

@@ -325,9 +325,6 @@ button.icon {
   width: 40px;
   height: 40px;
   padding: 10px;
-}
-
-button.icon .icon-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -478,27 +475,6 @@ input:disabled {
   cursor: not-allowed;
 }
 
-.flex {
-  display: flex;
-  align-items: center;
-  min-width: 0;
-}
-
-.flex-row {
-  display: flex;
-  flex-direction: row;
-}
-
-.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-
-.f-center {
-  justify-content: center;
-  align-items: center;
-}
-
 .f-1 {
   flex: 1;
 }
@@ -515,15 +491,6 @@ input:disabled {
   flex: 4;
 }
 
-.f-grow {
-  flex-grow: 1;
-  min-width: 0;
-}
-
-.f-shrink {
-  flex-shrink: 1;
-}
-
 .f-ellipsis {
   min-width: 0;
   white-space: nowrap;
@@ -531,24 +498,6 @@ input:disabled {
   overflow: hidden;
 }
 
-.f-col {
-  flex-direction: column;
-  align-items: flex-start !important;
-}
-
-.f-col-end {
-  flex-direction: column;
-  align-items: flex-end !important;
-}
-
-.f-end {
-  justify-content: flex-end;
-}
-
-.f-space {
-  justify-content: space-between;
-}
-
 .f-wrap {
   flex-flow: wrap;
 }
@@ -796,22 +745,10 @@ div.form-col {
   white-space: nowrap;
 }
 
-.main-content h2 {
-  font-weight: 600;
-  font-size: 26px;
-  line-height: 36px;
-}
-
 .main-content .profile-preview {
   margin: 8px 0;
 }
 
-.main-content h2 {
-  font-weight: 600;
-  font-size: 26px;
-  line-height: 36px;
-}
-
 button.tall {
   height: 40px;
 }
@@ -845,11 +782,6 @@ button.tall {
   min-width: 98px;
 }
 
-.flex-end {
-  display: flex;
-  justify-content: flex-end;
-}
-
 .align-center {
   display: flex;
   align-items: center;