f5c6a2c956
add some margin to the calendar table, to not make it seem glued to the left and top, this follow what ExtJS does in general. Further, adapt layout flex so that docs has 2/5 and calendar has 3/5 of space on small screens (e.g., 720p), makes it look much better there. Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
42 lines
1.1 KiB
HTML
42 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<title>PBS Prune Simulator</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="extjs/theme-crisp/resources/theme-crisp-all.css">
|
|
<style>
|
|
.cal {
|
|
margin: 5px;
|
|
}
|
|
.cal-day {
|
|
vertical-align: top;
|
|
width: 150px;
|
|
border: #939393 1px solid;
|
|
color: #454545;
|
|
}
|
|
.cal-day-date {
|
|
border-bottom: #444 1px solid;
|
|
color: #000;
|
|
}
|
|
.strikethrough {
|
|
text-decoration: line-through;
|
|
}
|
|
.black {
|
|
color: #000;
|
|
}
|
|
.sun {
|
|
background-color: #ededed;
|
|
}
|
|
.first-of-month {
|
|
border-right: dashed black 4px;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript" src="extjs/ext-all.js"></script>
|
|
<script type="text/javascript" src="prune-simulator.js"></script>
|
|
</head>
|
|
<body></body>
|
|
</html>
|