mirror of https://github.com/spikecodes/libreddit
Shrunk interface and score width
This commit is contained in:
parent
269a6c0bc1
commit
17acb15eaa
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue