Shrunk interface and score width

This commit is contained in:
spikecodes 2020-10-09 19:41:07 -07:00
parent 269a6c0bc1
commit 17acb15eaa
5 changed files with 16 additions and 16 deletions

View File

@ -37,7 +37,7 @@ pub fn post_html (sub: &str, id: &str, title: &str) -> String {
let post: Post = fetch_post(String::from(sub), String::from(id), String::from(title)).unwrap(); let post: Post = fetch_post(String::from(sub), String::from(id), String::from(title)).unwrap();
format!(r#" format!(r#"
<div class="post" style="border: 2px solid #555;background: #222;"> <div class="post" style="border: 2px solid #555;background: #222;">
<div class="post_left"> <div class="post_left" style="background: #333;">
<button class="post_upvote"></button> <button class="post_upvote"></button>
<h3 class="post_score">{}</h3> <h3 class="post_score">{}</h3>
<button class="post_upvote"></button> <button class="post_upvote"></button>

View File

@ -21,7 +21,7 @@
} }
main { main {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
padding: 0px 10px; padding: 0px 10px;
} }
@ -42,7 +42,7 @@
} }
#sort { #sort {
max-width: 1000px; max-width: 750px;
margin: 20px auto 20px; margin: 20px auto 20px;
display: flex; display: flex;
justify-content: start; justify-content: start;
@ -92,7 +92,7 @@
text-align: center; text-align: center;
background: #222; background: #222;
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
min-width: 75px; min-width: 50px;
padding: 10px 0px; padding: 10px 0px;
} }

View File

@ -21,7 +21,7 @@
} }
main { main {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
margin-top: 50px; margin-top: 50px;
padding: 0px 10px; padding: 0px 10px;
@ -43,7 +43,7 @@
} }
.user { .user {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
@ -62,7 +62,7 @@
} }
#sort { #sort {
max-width: 1000px; max-width: 750px;
margin: 20px auto 20px; margin: 20px auto 20px;
display: flex; display: flex;
justify-content: start; justify-content: start;
@ -112,7 +112,7 @@
text-align: center; text-align: center;
background: #222; background: #222;
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
min-width: 75px; min-width: 50px;
padding: 10px 0px; padding: 10px 0px;
} }

View File

@ -21,7 +21,7 @@
} }
main { main {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
padding: 0px 10px; padding: 0px 10px;
} }
@ -46,7 +46,7 @@
} }
.subreddit { .subreddit {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
@ -65,7 +65,7 @@
} }
#sort { #sort {
max-width: 1000px; max-width: 750px;
margin: 20px auto 20px; margin: 20px auto 20px;
display: flex; display: flex;
justify-content: start; justify-content: start;
@ -115,7 +115,7 @@
text-align: center; text-align: center;
background: #222; background: #222;
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
min-width: 75px; min-width: 50px;
padding: 10px 0px; padding: 10px 0px;
} }

View File

@ -21,7 +21,7 @@
} }
main { main {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
padding: 0px 10px; padding: 0px 10px;
} }
@ -46,7 +46,7 @@
} }
.user { .user {
max-width: 1000px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
@ -65,7 +65,7 @@
} }
#sort, #note { #sort, #note {
max-width: 1000px; max-width: 750px;
margin: 20px auto 20px; margin: 20px auto 20px;
display: flex; display: flex;
justify-content: start; justify-content: start;
@ -121,7 +121,7 @@
text-align: center; text-align: center;
background: #222; background: #222;
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
min-width: 75px; min-width: 50px;
padding: 10px 0px; padding: 10px 0px;
} }