update collapse block on phar page (Codeception#296)

Arhell · web-flow · commit d64ed1b47913 · 2020-07-28T00:35:18.000+03:00
diff --git a/_includes/phar.html b/_includes/phar.html
@@ -1,4 +1,4 @@
-<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+<div class="panel-group panel-group--phar" id="accordion" role="tablist" aria-multiselectable="true">
   <div class="panel panel-default">
     <div class="panel-heading" role="tab" id="headingOne">
       <h4 class="panel-title">
@@ -13,14 +13,14 @@ <h4 class="panel-title">
 
       <div class="panel-collapse-body">
         <div class="row">
-          <div class="col-md-2">
+          <div class="col-md-3">
 
             <a href="/thanks" class="btn btn-success btn-expand">Download</a>
           </div>
-          <div class="col-md-10">
+          <div class="col-md-9">
 
             <div class="highlight">
-              <pre>wget https://codeception.com/codecept.phar<a href="/thanks" style="float:right" target="_blank">download <span
+              <pre>wget https://codeception.com/codecept.phar<a href="/thanks" class="phar-download" target="_blank">download <span
                 class="glyphicon glyphicon-download"></span></a></pre>
             </div>
 
@@ -47,13 +47,13 @@ <h4 class="panel-title">
     <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
       <div class="panel-collapse-body">
         <div class="row">
-          <div class="col-md-2">
+          <div class="col-md-3">
             <a href="/thanks_php5" target="_blank" class="btn btn-success btn-expand">Download</a>
           </div>
-          <div class="col-md-10">
+          <div class="col-md-9">
 
             <div class="highlight">
-              <pre>wget https://codeception.com/php56/codecept.phar<a href="/thanks_php5" style="float:right"
+              <pre>wget https://codeception.com/php56/codecept.phar<a href="/thanks_php5" class="phar-download"
                                                                       target="_blank">download <span
                 class="glyphicon glyphicon-download"></span></a></pre>
             </div>
diff --git a/css/codeception.css b/css/codeception.css
@@ -1559,4 +1559,21 @@ body #footer .links {
 	height: 52px;
 	margin-right: 6px;
 	fill: #666666;
+}
+
+.panel-group--phar .panel-collapse-body {
+	padding-left: 15px;
+	padding-right: 15px;
+}
+
+.panel-group--phar .phar-download {
+	display: table;
+}
+
+.panel-group--phar .btn {
+	width: 100%;
+}
+
+.panel-group--phar pre {
+	margin-bottom: 0;
 }
