diff --git a/asl_rulebook2/webapp/static/css/ContentPane.css b/asl_rulebook2/webapp/static/css/ContentPane.css index 1f58c4c..2026e99 100644 --- a/asl_rulebook2/webapp/static/css/ContentPane.css +++ b/asl_rulebook2/webapp/static/css/ContentPane.css @@ -2,7 +2,7 @@ #content .tabbed-page { border-bottom: 1px solid #aaa ; background: white ; } #content .tabbed-page .wrapper { flex-grow: 1 ; } -#content .tab-strip { height: 20px ; padding: 0 5px 2px 5px ; font-size: 12px ; } +#content .tab-strip { height: 21px ; padding: 0 5px 2px 5px ; font-size: 12px ; } #content .tab-strip .tab { height: 14px ; margin-top: -1px ; padding: 2px 6px ; z-index: 5 ; border-radius: 0 0 5px 5px ; } #content .tab-strip .tab { background: #f0f0f0 ; color: #808080 ; } #content .tab-strip .tab.active { background: white ; color: #444 ; border-top: none ; } @@ -21,3 +21,10 @@ .growl-footnote .growl-message { height: 100% ; overflow-y: auto ; display: flex ; flex-direction: column ; } .growl-footnote .growl-message .content { flex-grow: 1 ; padding: 0 5px 0 5px ; text-align: justify ; } .growl-footnote .growl-message p { margin-top: 4px ; } + +/* FUDGE! We "erase" the bottom border of the content doc just for the active tab by moving the tab up by 1px, + * and overlaying the border line. However, at certain zoom levels, it moves up by an extra pixel (rounding off + * of fractional pixels?), which is really annoying if the content has a colored background. We fudge around this + * by adding a blank space of 1px at the bottom of the content doc :-/ + */ +#content .tabbed-page .wrapper { margin-bottom: 1px ; } diff --git a/asl_rulebook2/webapp/static/css/SearchPane.css b/asl_rulebook2/webapp/static/css/SearchPane.css index 35d99e9..94cf19c 100644 --- a/asl_rulebook2/webapp/static/css/SearchPane.css +++ b/asl_rulebook2/webapp/static/css/SearchPane.css @@ -25,7 +25,7 @@ #search-box .sr-filters { margin-top: 4px ; font-size: 80% ; } #search-box .sr-filters input[type="checkbox"] { margin-right: 2px ; } #search-box .sr-filters label { margin-right: 6px ; } -#search-box .sr-count { position: absolute ; bottom: 18px ; right: 2px ; font-size: 60% ; font-style: italic ; color: #444 ; } +#search-box .sr-count { position: absolute ; bottom: 20px ; right: 4px ; font-size: 60% ; font-style: italic ; color: #444 ; } /* search results */ #search-results { flex-grow: 1 ; overflow-y: auto ; } diff --git a/asl_rulebook2/webapp/static/css/global.css b/asl_rulebook2/webapp/static/css/global.css index 38adf17..b525422 100644 --- a/asl_rulebook2/webapp/static/css/global.css +++ b/asl_rulebook2/webapp/static/css/global.css @@ -22,7 +22,7 @@ ul ul ul { list-style-image: url(../images/bullet3.png) ; } span.pre { font-family: monospace ; } /* notification balloons */ -#growls-br { bottom: 22px ; right: 0 ; max-height: 40% ; } +#growls-br { bottom: 0 ; right: 0 ; max-height: 40% ; } .growl { cursor: pointer ; } .growl .growl-close { position: absolute ; top: 0 ; right: 6px ; } .growl .growl-title { display: none ; }