diff --git a/app/templates/common/macros.html b/app/templates/common/macros.html
index ee250ff..dd30a41 100644
--- a/app/templates/common/macros.html
+++ b/app/templates/common/macros.html
@@ -65,10 +65,10 @@
-
+
-
+
babycode guide
diff --git a/app/templates/topics/topic.html b/app/templates/topics/topic.html
index 5193691..b837a54 100644
--- a/app/templates/topics/topic.html
+++ b/app/templates/topics/topic.html
@@ -34,24 +34,28 @@
{% if thread['is_stickied'] %}
- {{ icn_sticky() }}
+ {{ icn_sticky(48) }}
Stickied
{% endif %}
{% if thread['is_locked'] %}
- {{ icn_lock() }}
+ {{ icn_lock(48) }}
Locked
{% endif %}
diff --git a/app/templates/topics/topics.html b/app/templates/topics/topics.html
index d42aacf..da6ef22 100644
--- a/app/templates/topics/topics.html
+++ b/app/templates/topics/topics.html
@@ -34,7 +34,7 @@
{% if topic['is_locked'] %}
- {{ icn_lock() }}
+ {{ icn_lock(48) }}
Locked
{% endif %}
diff --git a/data/static/css/style.css b/data/static/css/style.css
index eb38674..558179d 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -891,14 +891,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
justify-content: center;
flex-direction: column;
}
-.contain-svg:not(.full) > svg, .contain-svg:not(.full) > img {
- height: 50%;
- width: 50%;
-}
-.contain-svg.full > svg, .contain-svg.full > img {
- height: 100%;
- width: 100%;
-}
.post-img-container {
display: flex;
@@ -933,11 +925,12 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.thread-info-header {
display: flex;
align-items: baseline;
+ justify-content: space-between;
gap: 5px;
}
.thread-info-bookmark-button {
- margin-left: auto;
+ margin-left: auto !important;
}
.thread-info-post-preview {
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index c195ed9..128697d 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -891,14 +891,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
justify-content: center;
flex-direction: column;
}
-.contain-svg:not(.full) > svg, .contain-svg:not(.full) > img {
- height: 50%;
- width: 50%;
-}
-.contain-svg.full > svg, .contain-svg.full > img {
- height: 100%;
- width: 100%;
-}
.post-img-container {
display: flex;
@@ -933,11 +925,12 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.thread-info-header {
display: flex;
align-items: baseline;
+ justify-content: space-between;
gap: 5px;
}
.thread-info-bookmark-button {
- margin-left: auto;
+ margin-left: auto !important;
}
.thread-info-post-preview {
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index d849401..9850cd3 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -891,14 +891,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
justify-content: center;
flex-direction: column;
}
-.contain-svg:not(.full) > svg, .contain-svg:not(.full) > img {
- height: 50%;
- width: 50%;
-}
-.contain-svg.full > svg, .contain-svg.full > img {
- height: 100%;
- width: 100%;
-}
.post-img-container {
display: flex;
@@ -933,11 +925,12 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.thread-info-header {
display: flex;
align-items: baseline;
+ justify-content: space-between;
gap: 3px;
}
.thread-info-bookmark-button {
- margin-left: auto;
+ margin-left: auto !important;
}
.thread-info-post-preview {
diff --git a/sass/_default.scss b/sass/_default.scss
index cce6fe3..1eb851b 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -747,14 +747,6 @@ $thread_locked_background: none !default;
align-items: center;
justify-content: center;
flex-direction: column;
- &:not(.full) > svg, &:not(.full) > img {
- height: 50%;
- width: 50%;
- }
- &.full > svg, &.full > img {
- height: 100%;
- width: 100%;
- }
}
$post_img_container_gap: $SMALL_PADDING !default;
@@ -797,11 +789,12 @@ $thread_info_header_gap: $SMALL_PADDING !default;
.thread-info-header {
display: flex;
align-items: baseline;
+ justify-content: space-between;
gap: $thread_info_header_gap;
}
.thread-info-bookmark-button {
- margin-left: auto;
+ margin-left: auto !important; // :(
}
$thread_info_post_preview_margin_right: $post_inner_padding_right !default;