added theming for news items

[ryf-theme.git] / preview.html

diff --git a/preview.html b/preview.html
index 039a88bc69de71a014ac4179aa096fa2c93d6aed..647b58aab69e6cd2d02bbc4bb8cdcc6d545aabcc 100644 (file)
--- a/preview.html
+++ b/preview.html
@@ -37,11 +37,11 @@
   </div><!-- .fsf-bar-content -->
 </div><!-- #fsf-bar -->
 <style type="text/css" media="all">
-#fsf-bar { background:#800000; box-sizing:content-box; display:flex; flex-direction:column-reverse; align-items:center;}
+#fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
 #fsf-bar * { margin:0; padding:0; font: 1.5rem sans-serif; vertical-align:baseline; }
 #fsf-bar ul{ list-style:none; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: auto; max-width: none; }
 #fsf-bar li{ display: list-item; padding: 0 1rem; } #fsf-bar a { color: #FFF; }  #fsf-bar #fsf-bar-login { color: #edd400; padding: 0 2rem; font-style: italic; }
-#fsf-bar .fsf-bar-icon{ background: url("images/fsf-logo.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; width: 70px;}
+#fsf-bar .fsf-bar-icon{ background: url("images/fsf-logo.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; padding-right: 60px;}
 #fsf-bar .fsf-bar-content{height:30px;width:95%;max-width:1150px;padding:0;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
 @media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 220px;} }
 </style>