use horrorshow::prelude::*;
use scripts::Script;

pub struct MainPageHtml {
    pub html_string: String,
}

impl MainPageHtml {
    pub fn new(scripts: Vec<Box<Script>>) -> MainPageHtml {
        MainPageHtml {
            html_string: html! {
                : raw!("<!DOCTYPE html>");
                html {
                    head {
                        meta(name="viewport", content="width=device-width, initial-scale=1.0"){}
                        title { : "Runnable scripts"}
                    }
                    body(style="display: table") {
                        h1(id="main_header", style="display: table") {
                            : "Runnable Scripts"
                        }
                        h2(id="scripts_header", style="display: table") {
                            : "Scripts"
                        }
                        ul(id="normal_scripts_list", style="display: table") {
                            @ for script in scripts {
                                li {
                                    : raw!(format!("<a href=\"/scr/{}\">{}</a>", script.get_name(), script.get_name()))
                                }
                            }
                        }
                    }
                }
            }.into_string().unwrap()
        }
    }
}

use horrorshow::prelude::*;
use scripts::Script;

pub struct MainPageHtml {
    pub html_string: String,
}

impl MainPageHtml {
    pub fn new(scripts: Vec<Box<Script>>) -> MainPageHtml {
        MainPageHtml {
            html_string: html! {
                : raw!("<!DOCTYPE html>");
                html {
                    head {
                        title { : "Runnable scripts"}
                    }
                    body {
                        h1(id="main_header") {
                            : "Runnable Scripts"
                        }
                        h2(id="scripts_header") {
                            : "Scripts"
                        }
                        ul(id="normal_scripts_list") {
                            @ for script in scripts {
                                li {
                                    : raw!(format!("<a href=\"/scr/{}\">{}</a>", script.get_name(), script.get_name()))
                                }
                            }
                        }
                    }
                }
            }.into_string().unwrap()
        }
    }
}

--- 
+++ 
@@ -12,16 +12,17 @@
                 : raw!("<!DOCTYPE html>");
                 html {
                     head {
+                        meta(name="viewport", content="width=device-width, initial-scale=1.0"){}
                         title { : "Runnable scripts"}
                     }
-                    body {
-                        h1(id="main_header") {
+                    body(style="display: table") {
+                        h1(id="main_header", style="display: table") {
                             : "Runnable Scripts"
                         }
-                        h2(id="scripts_header") {
+                        h2(id="scripts_header", style="display: table") {
                             : "Scripts"
                         }
-                        ul(id="normal_scripts_list") {
+                        ul(id="normal_scripts_list", style="display: table") {
                             @ for script in scripts {
                                 li {
                                     : raw!(format!("<a href=\"/scr/{}\">{}</a>", script.get_name(), script.get_name()))
Make generated mainpage a little more mobile-friendly
