fix collapse panel (Codeception#260)

Arhell · web-flow · commit 613e3078cdfb · 2020-06-07T09:24:14.000+03:00
diff --git a/css/codeception.css b/css/codeception.css
@@ -132,7 +132,8 @@ body #home-hero h1 {
 }
 
 .panel-collapse-body {
-	padding: 10px;
+	margin-top: 1em;
+	margin-bottom: 1em;
 }
 
 .maintainer a {
@@ -1548,4 +1549,4 @@ body #footer .links {
 	height: 52px;
 	margin-right: 6px;
 	fill: #666666;
-}
+}
diff --git a/quickstart.html b/quickstart.html
@@ -58,7 +58,11 @@ <h4 class="panel-title">1.Install</h4></div>
                 See Demo
               </a>
 
-              <p class="collapse" id="bootstrap-demo"><img src="/images/codecept_bootstrap.gif" alt=""></p>
+              <div class="collapse" id="bootstrap-demo">
+                <div class="panel-collapse-body">
+                  <img src="/images/codecept_bootstrap.gif" alt="">
+                </div>
+              </div>
             </div> <!-- /.panel-body -->
           </div> <!-- /.panel -->
 
@@ -156,7 +160,11 @@ <h4>Acceptance Testing (only)</h4>
               See Demo
             </a> <a href="/docs/03-AcceptanceTests" class="btn btn-secondary">Acceptance Testing Guide &raquo;</a>
 
-            <p class="collapse" id="acceptance-demo"><img src="/images/codecept_acceptance.gif" alt=""></p>
+            <div class="collapse" id="acceptance-demo">
+              <div class="panel-collapse-body">
+                <img src="/images/codecept_acceptance.gif" alt="">
+              </div>
+            </div>
 
             <hr>
 
@@ -173,7 +181,11 @@ <h4>REST API Testing (only)</h4>
 
             <a href="/docs/10-APITesting" class="btn btn-secondary">REST API Testing Guide &raquo;</a>
 
-            <p class="collapse" id="api-demo"><img src="/images/codecept_api.gif" alt=""></p>
+            <div class="collapse" id="api-demo">
+              <div class="panel-collapse-body">
+                <img src="/images/codecept_api.gif" alt="">
+              </div>
+            </div>
 
             <hr>
 
@@ -189,7 +201,11 @@ <h4>Unit Testing (only)</h4>
 
             <a href="/docs/05-UnitTests" class="btn btn-secondary">Unit Testing Guide &raquo;</a>
 
-            <p class="collapse" id="unit-demo"><img src="/images/codecept_unit.gif" alt=""></p>
+            <div class="collapse" id="unit-demo">
+              <div class="panel-collapse-body">
+                <img src="/images/codecept_unit.gif" alt="">
+              </div>
+            </div>
 
           </div>
 

Original file line number	Diff line number	Diff line change
`@@ -132,7 +132,8 @@ body #home-hero h1 {`
`132`	`132`	`}`
`133`	`133`
`134`	`134`	`.panel-collapse-body {`
`135`		`- padding: 10px;`
	`135`	`+ margin-top: 1em;`
	`136`	`+ margin-bottom: 1em;`
`136`	`137`	`}`
`137`	`138`
`138`	`139`	`.maintainer a {`
`@@ -1548,4 +1549,4 @@ body #footer .links {`
`1548`	`1549`	`height: 52px;`
`1549`	`1550`	`margin-right: 6px;`
`1550`	`1551`	`fill: #666666;`
`1551`		`-}`
	`1552`	`+}`