update head panel on mobile (Codeception#299)

Arhell · web-flow · commit 35c85131eb31 · 2020-08-01T10:49:50.000+03:00
diff --git a/css/codeception.css b/css/codeception.css
@@ -992,6 +992,12 @@ body .navbar-inverse .navbar-toggle .icon-bar {
 body .panel-info>.panel-heading {
   background: #fff;
   border-radius: 0;
+	display: flex;
+	flex-direction: column;
+}
+
+body .panel-info>.panel-heading a {
+	margin-top: 10px;
 }
 
 .doc-btn {
@@ -1149,10 +1155,6 @@ body .panel-info>.panel-heading {
 	font-size: 16px;
 }
 
-.quickstart-panel .panel-heading a {
-	float: right;
-}
-
 .test-forum img{
 	height: 64px;
 }
@@ -1516,6 +1518,16 @@ body #footer .links {
 	.intro-block .pull-right {
 		float: right !important;
 	}
+
+	body .panel-info>.panel-heading {
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	body .panel-info>.panel-heading a {
+		margin-top: 0;
+	}
 }
 
 .iframe-wrapper {
diff --git a/quickstart.html b/quickstart.html
@@ -24,8 +24,9 @@ <h1>
         <div class="col-xs-12 col-lg-6 col-lg-offset-3">
           <div class="panel panel-info quickstart-panel">
             <div class="panel-heading">
+              <h4 class="panel-title">1.Install</h4>
               <a href="/install">Alternative Installations &raquo;</a>
-              <h4 class="panel-title">1.Install</h4></div>
+            </div>
             <div class="panel-body text-center">
               <div class="">
                 Install via Composer
