This adds a wrapper set to 960px to the bup web layout. It also
sets widths on the table and columns.
I added a wrapper div to list-directory.html but I think that must
have snuck in with a previous commit. I am not sure how to fix that
so I will leave it for now. Sorry!
Adds a wrapper div to the html template.
Signed-off-by: David Roda <davidcroda@gmail.com>
<link rel="stylesheet" href="/static/styles.css" />
</head>
<body>
<link rel="stylesheet" href="/static/styles.css" />
</head>
<body>
- <div id="breadcrumb">
- {% for (display, part_path) in breadcrumbs[:-1] %}
- <a href="{{ part_path }}">{{ display }}</a> /
+ <div id="wrapper">
+ <div id="breadcrumb">
+ {% for (display, part_path) in breadcrumbs[:-1] %}
+ <a href="{{ part_path }}">{{ display }}</a> /
+ {% end %}
+ <strong>{{ breadcrumbs[-1][0] }}</strong>
+ </div>
+ {% if files_hidden %}
+ <div id="message">
+ {% if hidden_shown %}
+ <a href=".">Hide hidden files</a>
+ {% else %}
+ <a href="?hidden=1">Show hidden files</a>
+ {% end %}
+ </div>
- <strong>{{ breadcrumbs[-1][0] }}</strong>
+ <table>
+ <tr>
+ <th class="dir-name">Name</th>
+ <th class="dir-size">Size</th>
+ </tr>
+ {% for (display, link, size) in dir_contents %}
+ <tr>
+ <td class="dir-name"><a href="{{ link }}">{{ display }}</a></td>
+ <td class="dir-size">{% if size != None %}{{ size }}{% else %} {% end %}</td>
+ </tr>
+ {% end %}
+ </table>
- {% if files_hidden %}
- <div id="message">
- {% if hidden_shown %}
- <a href=".">Hide hidden files</a>
- {% else %}
- <a href="?hidden=1">Show hidden files</a>
- {% end %}
- </div>
- {% end %}
- <table>
- <tr>
- <th class="dir-name">Name</th>
- <th class="dir-size">Size</th>
- </tr>
- {% for (display, link, size) in dir_contents %}
- <tr>
- <td class="dir-name"><a href="{{ link }}">{{ display }}</a></td>
- <td class="dir-size">{% if size != None %}{{ size }}{% else %} {% end %}</td>
- </tr>
- {% end %}
- </table>
-</html>
\ No newline at end of file
font-family: sans-serif
}
font-family: sans-serif
}
+#wrapper {
+ width: 960px;
+ margin: auto;
+}
+
#breadcrumb {
margin: 10px 0;
#breadcrumb {
margin: 10px 0;
+}
+
+table {
+ width: 100%;
+}
+
+th {
+ text-align: left;
+}
+
+.dir-name {
+ width:80%;
+}
+
+.dir-size {
+ width:20%;
}
\ No newline at end of file
}
\ No newline at end of file