summaryrefslogtreecommitdiff
path: root/src/public
diff options
context:
space:
mode:
Diffstat (limited to 'src/public')
-rw-r--r--src/public/css/common.css17
-rw-r--r--src/public/css/post.css9
-rw-r--r--src/public/css/profile.css23
3 files changed, 39 insertions, 10 deletions
diff --git a/src/public/css/common.css b/src/public/css/common.css
index 281df6b..3e6b6b6 100644
--- a/src/public/css/common.css
+++ b/src/public/css/common.css
@@ -155,6 +155,15 @@ a, button {
background-color: var(--surface2);
}
+.btn-alt.btn-blue {
+ background-color: var(--blue);
+ color: var(--white);
+}
+
+.btn-alt.btn-blue:hover {
+ background-color: var(--blue-alt);
+}
+
.btn-wide {
width: auto;
flex-grow: 1;
@@ -604,3 +613,11 @@ input[type=radio] {
width: fit-content;
outline: none !important;
}
+
+.container {
+ padding: 1rem;
+}
+
+.grow {
+ flex-grow: 1;
+}
diff --git a/src/public/css/post.css b/src/public/css/post.css
index 2b6a4b1..47106a9 100644
--- a/src/public/css/post.css
+++ b/src/public/css/post.css
@@ -10,19 +10,14 @@
.post, #new-post {
margin-bottom: 1rem;
- width: 40rem;
+ max-width: 40rem;
+ width: 100%;
}
.post {
padding-bottom: 0;
}
-@media(max-width: 40rem) {
- .post, #new-post {
- width: 100%;
- }
-}
-
.post .likes {
display: block;
padding-top: .25rem;
diff --git a/src/public/css/profile.css b/src/public/css/profile.css
index 71cbbfa..a6f2ef4 100644
--- a/src/public/css/profile.css
+++ b/src/public/css/profile.css
@@ -10,7 +10,6 @@
flex-direction: row;
justify-content: center;
background-color: var(--surface0);
- margin-bottom: 1rem;
border-bottom: 1px solid var(--surface1);
}
@@ -85,10 +84,9 @@
.tab {
max-width: 80rem;
width: 100%;
+ height: 100%;
margin-left: auto;
margin-right: auto;
- padding: 0 1rem;
- margin-bottom: 1rem;
}
#post-container {
@@ -106,3 +104,22 @@
td:nth-child(1) {
padding-right: 2rem;
}
+
+#about-tab {
+ width: auto;
+}
+
+#follow-container {
+ margin-left: auto;
+ margin-right: 2rem;
+}
+
+#follow-container > a {
+ width: 10rem;
+ padding: .5rem;
+}
+
+#follow-container > a > span {
+ width: 100%;
+ text-align: center;
+}