commit 1b2746fc343b91123d03f0efa41f5ec98b37756f
parent baddf02f72708849190854a3c15b313817f71ce9
Author: Kyle Milz <kyle@getaddrinfo.net>
Date: Sun, 29 Mar 2015 21:45:22 -0600
tt: some css tweaks
Diffstat:
3 files changed, 19 insertions(+), 25 deletions(-)
diff --git a/pricechart.css b/pricechart.css
@@ -4,11 +4,7 @@
fieldset {
border: 0px;
- float: right;
-}
-
-input {
- font-size: 1em;
+ padding: 0px;
}
p {
@@ -19,14 +15,6 @@ p {
text-align: center;
}
-#title {
- font-size: 2em;
- color: black;
- text-decoration: none;
- float: left;
- text-shadow: 2px 2px #DDD;
-}
-
.column {
width: 40%;
padding-left: 5%;
@@ -42,19 +30,23 @@ p {
@media (max-width: 640px) {
.column {
- width: 90%;
- padding-left: 5%;
- padding-right: 5%;
+ width: 100%;
+ padding-left: 0%;
+ padding-right: 0%;
}
}
.logo {
- height: 75px;
+ height: 3em;
+ vertical-align: middle;
+ padding: 5px;
}
.logo_small {
height: 1em;
- float: left;
- /* some logos fit their exact dimensions, avoid awkward spacing */
- margin-right: 10px;
+}
+
+.logo_list {
+ height: 1em;
+ vertical-align: middle;
}
diff --git a/tt/index.tt b/tt/index.tt
@@ -46,7 +46,7 @@
my $manufacturer = $stash->get("new.0");
$stash->set("manuf_lc", lc($manufacturer));
[% END %]
- <li><img class="logo_small" alt="[% new.0 %]"
+ <li><img class="logo_list" alt="[% new.0 %]"
src="/logo/[% manuf_lc %].svg"></img>
<a href="/products/[% part_lc %].html">[% new.1 %]</a>
[% END %]
diff --git a/tt/wrapper.tt b/tt/wrapper.tt
@@ -7,21 +7,23 @@
<link rel="stylesheet" type="text/css" href="/pricechart.css" />
</head>
<body>
- <a id="title" href="/"><em>Price</em><b>Chart</b></a>
+ <div>
+ <a href="/"><em>Price</em><b>Chart</b></a>
<a href="/manufacturers.html">Manufacturers</a>
<a href="/retailers.html">Retailers</a>
<form method="get" action="/search.html">
<fieldset>
<input type="text" name="q" />
- <input type="submit" value="Search">
+ <input type="submit" value="Find">
</fieldset>
</form>
+ </div>
<hr class="clear_both">
[% content %]
- <hr class="clear_both">
- <!--div id="footer">
+ <!--hr class="clear_both">
+ <div id="footer">
<a href="mailto:not_real@getaddrinfo.net">Feedback/Donate</a>
</div-->
</body>