add (un)follow button to profile

also other stuff i forgot what exactly

3 files changed, 31 insertions, 13 deletions

diff --git a/static/form.css b/static/form.css
index 91f755b..cb86003 100644
--- a/static/form.css
+++ b/static/form.css
@@ -31,20 +31,7 @@ form {
     resize: vertical;
   }
   button {
-    background: #3b005e;
-    color: #fff;
-    font-family: inherit;
-    font-size: inherit;
-    border-radius: 8px;
-    border: none;
     width: 100%;
-    padding: 8px;
-    box-sizing: border-box;
-    cursor: pointer;
-    &:disabled {
-      opacity: 80%;
-      cursor: default;
-    }
   }
   .error {
     background: #f004;
diff --git a/static/misc.css b/static/misc.css
index 20d8da2..2da35b6 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -13,6 +13,29 @@
   }
 }
 
+button.primary,
+button.secondary {
+  font-family: inherit;
+  font-size: inherit;
+  border-radius: 8px;
+  border: none;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  cursor: pointer;
+  &:disabled {
+    opacity: 80%;
+    cursor: default;
+  }
+  &.primary {
+    background: #3b005e;
+    color: #fff;
+  }
+  &.secondary {
+    background: #dfd4e7;
+    color: #202;
+  }
+}
+
 button.icon {
   border: none;
   background: none;
diff --git a/static/profile.css b/static/profile.css
index 028c69c..f3f8ead 100644
--- a/static/profile.css
+++ b/static/profile.css
@@ -23,4 +23,12 @@
       font-size: 10pt;
     }
   }
+
+  .followInfo {
+    display: grid;
+    justify-content: right;
+    align-items: baseline;
+    grid-auto-flow: column;
+    gap: 16px;
+  }
 }