quattro: move comment box for top-level item at the end of comments list

[friendica.git] / view / theme / quattro / dark / style.css

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 6bd9ab06fbbedbfa05eaeaa78a1be2b0166b7225..17e51cf1704847cc64848894a450c3e94255ac4b 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -1143,33 +1143,36 @@ section {
   height: 25px;
 }
 /* threaded comments */
-.children > .children {
+.children .children {
   margin-left: 40px;
 }
-.children > .children .wall-item-container {
+.children .children .wall-item-container {
   width: 710px;
 }
-.children > .children > .children {
+.children .children .children {
   margin-left: 40px;
 }
-.children > .children > .children .wall-item-container {
+.children .children .children .wall-item-container {
   width: 670px;
 }
-.children > .children > .children > .children {
+.children .children .children .children {
   margin-left: 40px;
 }
-.children > .children > .children > .children .wall-item-container {
+.children .children .children .children .wall-item-container {
   width: 630px;
 }
-.children > .children > .children > .children > .children {
+.children .children .children .children .children {
   margin-left: 40px;
 }
-.children > .children > .children > .children > .children .wall-item-container {
+.children .children .children .children .children .wall-item-container {
   width: 590px;
 }
-.children > .children > .children > .children > .children .children {
+.children .children .children .children .children .children {
   margin-left: 0px;
 }
+.threaded .hide-comments-outer {
+  margin-left: 20px;
+}
 span[id^="showmore-teaser"] {
   background: url("showmore-bg.jpg") no-repeat center bottom;
 }
@@ -2006,25 +2009,23 @@ footer {
   opacity: 0.3;
   filter: alpha(opacity=30);
 }
-[class^="comment-edit-bb"] {
+.comment-edit-bb {
   list-style: none;
   display: none;
-  margin: 0px 0 0px 60px;
+  margin: 0px;
+  padding: 0px;
   width: 75%;
 }
-[class^="comment-edit-bb"] > li {
+.comment-edit-bb > li {
   display: inline-block;
   margin: 10px 10px 0 0;
   visibility: none;
 }
-[class^="comment-edit-bb-end"] {
-  clear: both;
-}
 .editicon {
   display: inline-block;
   width: 16px;
   height: 16px;
-  background-image: url(bbedit.png);
+  background-image: url(icons/bbedit.png);
   text-decoration: none;
 }
 .editicon :hover {