avatar page fixes

Author: silverwind

web_src/css/base.css

@@ -1058,13 +1058,22 @@ a.label,
   flex-wrap: wrap;
 }
 
+.ui.card:last-child {
+  margin-bottom: 0;
+}
+.ui.card:first-child {
+  margin-top: 0;
+}
+
 .ui.cards > .card,
 .ui.card {
   display: flex;
   flex-direction: column;
   max-width: 100%;
   width: 290px;
-  margin: .875em .5em;
+  margin: 1em 0;
+  min-height: 0;
+  padding: 0;
   background: var(--color-card);
   border: 1px solid var(--color-secondary);
   box-shadow: none;

web_src/css/user.css

@@ -38,6 +38,10 @@
   width: 100%;
 }
 
+.user.profile .ui.card #profile-avatar {
+  padding: 1rem 1rem 0.25rem;
+  justify-content: center;
+}
 
 .user.profile .ui.card #profile-avatar img {
   max-width: 100%;