From 7297b340c22131724f7d95909150cb34caab331a Mon Sep 17 00:00:00 2001 From: Oliver Hamlet Date: Sun, 28 Dec 2014 15:12:06 +0000 Subject: [PATCH] Improved lists' and summary tables' styling. --- resources/report/css/style.css | 51 ++++++--------------- resources/report/html/loot-plugin-card.html | 7 ++- 2 files changed, 20 insertions(+), 38 deletions(-) diff --git a/resources/report/css/style.css b/resources/report/css/style.css index 6abf23aa..6a58949d 100644 --- a/resources/report/css/style.css +++ b/resources/report/css/style.css @@ -259,51 +259,37 @@ paper-item > a:hover { line-height: 56px; } #summary > table { - border-collapse:separate; - border-spacing:0; display: inline-block; vertical-align: top; + margin-right: 32px; } -#summary > table:not(:last-child) { - margin-right: 4em; +#summary > table:last-child { + margin-right: 0; } -#summary td { - padding:0.5em; - line-height:1.5; - text-align:right; - padding-left:3em; -} -#summary > table td:first-child { - text-align:left; - padding-left:0; -} -#summary li, li > ul > li { - padding:0.5em 1em; - list-style:disc inside; +#summary td:last-child { + text-align: right; + padding-left: 16px; } ul { - margin-top:0.5em; - margin-bottom:0; - list-style:none; - padding-left:0; + margin-top: 8px; + margin-bottom: 0; } -li.say, li.error, li.warn { - padding:0.5em 1em; - list-style:disc inside; +li { + padding:8px 16px; } -li.say > p, li.error > p, li.warn > p { +li p { margin: 0; } -li.error{ +li.error { background:#ff9090; } -li.warn{ +li.warn { background:#FFDD55; } -.version{ +.version { color:#6394F8; } -.crc{ +.crc { color:#BC8923; } .tag.add { @@ -333,13 +319,6 @@ li.warn{ paper-progress { width: 100%; } -#firstRun > ul { - list-style-type: disc; - padding-left: 32px; -} -#firstRun .tag { - margin: 0; -} /* For Material Design generic dividers. */ .divider { diff --git a/resources/report/html/loot-plugin-card.html b/resources/report/html/loot-plugin-card.html index 3723045e..266e0f70 100644 --- a/resources/report/html/loot-plugin-card.html +++ b/resources/report/html/loot-plugin-card.html @@ -89,11 +89,14 @@ loot-clear-metadata font-weight: 400; font-size: 1rem; } - content::content > .tag, - content::content > ul { + content::content > .tag { display: block; padding: 0 16px 16px; } + content::content > ul { + display: block; + padding: 0 16px 16px 40px; + } content::content > h1 { font-size: 1.143rem; display: inline-block;