Adjusting the styles for the packaging list description toggle section
authorLaury GvR <laury@gaslightmedia.com>
Fri, 4 Aug 2017 18:29:43 +0000 (14:29 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Fri, 4 Aug 2017 18:29:43 +0000 (14:29 -0400)
css/front.css
views/front/packaging/list.html

index 531fc41..3e24fd0 100644 (file)
@@ -220,9 +220,11 @@ div.member div.address {
     float: left;
     width: 100%;
     border-radius: 4px;
+    margin-top: 5px;
 }
 .glm-member-db-package-list-sub-data-links {
-    padding: 10px;
+    margin: 10px 0 0 0;
+    width: 100%;
 }
 
 #glm-member-packaging-front-container .glm-member-packaging-data-container > .glm-member-db-package-list-content-data {
@@ -239,6 +241,7 @@ div.member div.address {
     font-size: 18px;
     padding: 10px;
     float: left;
+    cursor: pointer;
 }
 #glm-member-packaging-front-container .glm-member-packaging-data-container > .glm-member-db-package-list-content-toggle:nth-child(n-1) {
     border-width: 0 0 1px 0;
@@ -250,4 +253,7 @@ div.member div.address {
     float: right;
     font-size: 24px;
     line-height: 1;
+}
+#glm-member-packaging-front-container .glm-member-packaging-data-container > .glm-member-db-package-list-content-toggle.selected:after {
+    content: "-";
 }
\ No newline at end of file
index ebe4739..704a82a 100644 (file)
                                                     <div id="glm-member-db-package-list-description" >
                                                          {$p.descr|nl2br}
                                                     </div>
-                                                    <div class="glm-member-db-package-list-sub-data-links row">
+                                                    <div class="glm-member-db-package-list-sub-data-links">
                                                         <a class="glm-member-db-package-list-content-toggle">Collapse</a>
                                                     </div>
                                                 </div>