From a33785a9e171c8448f7291e8ac9f0d5d646eedfe Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Thu, 4 Aug 2016 22:44:45 +0200
Subject: [PATCH] Update demo

---
 index.html                  | 105 ++++++++++++++++++++++--------------
 src/panels/config/config.js |   4 +-
 2 files changed, 68 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 7a8ca7765..6fa4c56ac 100755
--- a/index.html
+++ b/index.html
@@ -100,7 +100,6 @@
 							<div class="am-desc">You can create image blocks with the command from the left panel and edit them with double click</div>
 							<div class="am-post">Image uploading is not allowed in this demo</div>
 						</div>
-						<div class="clearfix"></div>
 					</div>
 				</div>
 			</section>
@@ -144,7 +143,6 @@
 								<div class="pc-amount odd-feat">$ 29,90/mo</div>
 							</div>
 						</div>
-						<div class="clearfix"></div>
 					</div>
 
 				</div>
@@ -202,36 +200,37 @@
 
 			<footer class="footer-under">
 				<div class="container-width">
-					<div class="foot-lists">
-						<div class="foot-list">
-							<div class="foot-list-title">About us</div>
-							<div class="foot-list-item">Contact</div>
-							<div class="foot-list-item">Events</div>
-							<div class="foot-list-item">Company</div>
-							<div class="foot-list-item">Jobs</div>
-							<div class="foot-list-item">Blog</div>
-						</div>
-						<div class="foot-list">
-							<div class="foot-list-title">Services</div>
-							<div class="foot-list-item">Education</div>
-							<div class="foot-list-item">Partner</div>
-							<div class="foot-list-item">Community</div>
-							<div class="foot-list-item">Forum</div>
-							<div class="foot-list-item">Download</div>
-							<div class="foot-list-item">Upgrade</div>
+					<div class="footer-container">
+						<div class="foot-lists">
+							<div class="foot-list">
+								<div class="foot-list-title">About us</div>
+								<div class="foot-list-item">Contact</div>
+								<div class="foot-list-item">Events</div>
+								<div class="foot-list-item">Company</div>
+								<div class="foot-list-item">Jobs</div>
+								<div class="foot-list-item">Blog</div>
+							</div>
+							<div class="foot-list">
+								<div class="foot-list-title">Services</div>
+								<div class="foot-list-item">Education</div>
+								<div class="foot-list-item">Partner</div>
+								<div class="foot-list-item">Community</div>
+								<div class="foot-list-item">Forum</div>
+								<div class="foot-list-item">Download</div>
+								<div class="foot-list-item">Upgrade</div>
+							</div>
+							<div class="clearfix"></div>
 						</div>
-						<div class="clearfix"></div>
-					</div>
-					<div class="form-sub">
-						<div class="foot-form-cont">
-							<div class="foot-form-title">Subscribe</div>
-							<div class="foot-form-desc">Subscribe to our newsletter to receive exclusive offers and the latest news</div>
-							<input name="name" class="sub-input" placeholder="Name" />
-							<input name="email" class="sub-input" placeholder="Email"/>
-							<button class="sub-btn" type="button">Submit</button>
+						<div class="form-sub">
+							<div class="foot-form-cont">
+								<div class="foot-form-title">Subscribe</div>
+								<div class="foot-form-desc">Subscribe to our newsletter to receive exclusive offers and the latest news</div>
+								<input name="name" class="sub-input" placeholder="Name" />
+								<input name="email" class="sub-input" placeholder="Email"/>
+								<button class="sub-btn" type="button">Submit</button>
+							</div>
 						</div>
 					</div>
-					<div class="clearfix"></div>
 				</div>
 				<div class="copyright">
 					<div class="container-width">
@@ -259,7 +258,7 @@
 					background-size: contain, cover;
 				}
 				.container-width{
-					width: 100%;
+					width: 90%;
 					max-width: 1150px;
 					margin: 0 auto;
 				}
@@ -298,7 +297,7 @@
 					font-size: 40px;
 				}
 				.sub-lead-title{
-					width: 650px;
+					max-width: 650px;
 					line-height:30px;
 					margin-bottom:30px;
 					color: #c6c6c6;
@@ -412,17 +411,23 @@
 				.img-phone{
 					float: left;
 				}
+				.am-container{
+					display: flex;
+			    flex-wrap: wrap;
+					align-items: center;
+			    justify-content: space-around;
+				}
 				/*
 				.am-container{
 					perspective: 1000px;
 				}*/
 				.am-content{
 					float:left;
-					margin:150px 0px 0px 100px;
 					padding:7px;
 					width: 490px;
 					color: #444;
 					font-weight: 100;
+					margin-top: 50px;
 					/*transform: rotateX(0deg) rotateY(-20deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);*/
 				}
 				.am-pre{
@@ -461,15 +466,19 @@
 					color:#b1b1b1;
 					font-size:15px;
 					text-align:center;
-					width:700px;
+					max-width:700px;
 					margin:0 auto;
 					font-weight:100;
 				}
 				.price-cards{
 					margin-top: 70px;
+					display: flex;
+			    flex-wrap: wrap;
+					align-items: center;
+			    justify-content: space-around;
 				}
 				.price-card-cont{
-					width:33.333%;
+					width: 300px;
 					padding: 7px;
 					float:left;
 				}
@@ -520,7 +529,7 @@
 					background-color: #312833;
 					padding-bottom: 100px;
 					padding-top: 100px;
-					height: 500px;
+					min-height: 500px;
 					color:#eee;
 					position: relative;
 					font-weight: 100;
@@ -555,11 +564,18 @@
 					padding: 5px 0;
 				}
 				.foot-social-btns{
+					display: none;
 					float: right;
 					width: 50%;
 					text-align: right;
 					padding: 5px 0;
 				}
+				.footer-container{
+					display: flex;
+			    flex-wrap: wrap;
+					align-items: stretch;
+			    justify-content: space-around;
+				}
 				.foot-list {
 					float: left;
 					width: 200px;
@@ -577,10 +593,6 @@
 				.foot-list-item:hover {
 				  color: rgba(238, 238, 238, 1);
 				}
-				.foot-lists, .form-sub{
-					float: left;
-					width: 50%;
-				}
 				.foot-form-cont{
 					width: 300px;
 					float: right;
@@ -758,6 +770,21 @@
 					font-style: italic;
 					margin: 20px 30px;
 				}
+
+				@media (max-width: 768px){
+				  .foot-form-cont{
+				    width:400px;
+				  }
+				  .foot-form-title{
+				    width:autopx;
+				  }
+				}
+
+				@media (max-width: 480px){
+				  .foot-lists{
+				    display:none;
+				  }
+				}
 				pc-regular
 			</style>
 		</div>
diff --git a/src/panels/config/config.js b/src/panels/config/config.js
index cd6c0c4ef..7957b5378 100644
--- a/src/panels/config/config.js
+++ b/src/panels/config/config.js
@@ -36,7 +36,7 @@ define(function () {
 				command: swv,
 				context: swv,
 				attributes: { title: 'View components' },
-			},{
+			},/*{
 				id: 'eye',
 				className: 'fa fa-eye',
 				command: 'eye',
@@ -49,7 +49,7 @@ define(function () {
 				command: ful,
 				context: ful,
 				attributes: { title: 'Fullscreen' },
-			},{
+			},*/{
 				id: expt,
 				className: 'fa fa-code',
 				command: expt,