v2.0-2

[rss-reader.git] / html / style.css

diff --git a/html/style.css b/html/style.css
index 53827b1f772ac104250f8ed4f9366b9ddcfce54f..73fb32c8c3a89a11fed045e5ad90deaef6cc5f01 100644 (file)
--- a/html/style.css
+++ b/html/style.css
@@ -30,7 +30,7 @@ h1 {
 }
 
 #feed-item-list {
-  height: calc(100% - 30px);
+  height: calc(100% - 70px);
 }
 #feed-item-list span {
   float: right;
@@ -50,13 +50,13 @@ h1 {
 #reading-pane img {
   max-width: 100%;
 }
-#feed-content, #meta {
+#feed-content, #meta, #feed-info {
   padding: 10px;
 }
 #feed-content {
   height: calc(100% - 100px)
 }
-#meta {
+#meta, #feed-info {
   background-color: #ddd;
   font-size: 0.9rem;
   max-height: 100px;
@@ -73,6 +73,18 @@ h1 {
   text-align: right;
 }
 
+.btn {
+  display: inline-block;
+  border: solid 1px #888;
+  border-radius: 4px;
+  padding: 4px 10px;
+  background-color: #eee;
+  text-decoration: none;
+}
+.btn:hover {
+  background-color: #ddd;
+}
+
 
 .scrollable {
   overflow: auto;
@@ -96,7 +108,7 @@ h1 {
   background-color: #eee;
 }
 #feed-pane a.active {
-  background-color: #eee;
+  background-color: #fff2cc;
 }
 #feed-pane a.unread {
   font-weight: bold;
@@ -105,6 +117,13 @@ h1 {
   content: '\21D2';
   float: right;
 }
+#feed-list {
+  height: calc(100% - 70px);
+}
+#add-feed {
+  padding: 5px;
+  border-top: solid 1px #000;
+}
 
 #list-pane table {
   width: 100%;
@@ -120,19 +139,19 @@ h1 {
 #list-pane th {
   padding: 4px;
 }
-#list-pane table th:nth-child(2) {
+#feed-actions {
+  float: right;
 }
-#list-pane a {
+#feed-item-list a {
   display: block;
   padding: 4px;
 }
-#feed-pane a.active {
+#feed-item-list a.active {
   background-color: #fff5e3;
 }
-#list-pane a.active {
+#feed-item-list a.active {
   background-color: #e3f2ff;
 }
-
-#list-pane a.unread {
+#feed-item-list a.unread {
   font-weight: bold;
 }