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();
format!(r#"
<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>
<h3 class="post_score">{}</h3>
<button class="post_upvote"></button>

View File

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

View File

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

View File

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

View File

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