update to miguelfreitas/twister-html#296

css/style.css

@@ -818,7 +818,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   -webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
   box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
 }
-.prompt-wrapper .modal-buttons, .prompt-wrapper .following-config-method-buttons {
+.prompt-wrapper .following-config-method-buttons {
   padding: 0 20px 20px 0;
   float: right;
 }
@@ -838,14 +838,24 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
 .prompt-wrapper .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover {
   cursor: default;
 }
+.prompt-wrapper .modal-buttons {
+	margin: 4px 0;
+	text-align: right;
+}
+.prompt-wrapper .switch-mode {
+	display: inline-block;
+	float: left;
+	margin: 12px 4px 4px;
+  color: #8a8691;
+  cursor: pointer;
+  font-size: 0.8rem;
+  line-height: 0.8rem;
+}
 
 /************ FOLLOWING-CONFIG MODAL ********* */
 .prompt-wrapper.following-config-modal {
   margin-top: -100px;
 }
-.prompt-wrapper.following-config-modal .modal-buttons {
-  display: none;
-}
 .prompt-wrapper.following-config-modal h2 {
   text-transform: none;
   display: inline-block !important;
@@ -876,7 +886,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
 .prompt-wrapper.reply.prompt-wrapper {
   margin-top: -110px;
 }
-.prompt-wrapper.reply .modal-buttons, .prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions {
+.prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions {
   display: none;
 }
 .prompt-wrapper.reply .post-area {
@@ -1203,10 +1213,6 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   text-decoration: none;
 }
 
-.profile-modal .modal-buttons {
-  display: none;
-}
-
 /*************  TOP TEXTAREA ************ */
 #postboard-top {
   position: relative;

sass/layout/_profile.sass

@@ -157,6 +157,3 @@ $modal-postboard-post-height: 100%
 		@extend .ion-tox
 		@extend .ion 
 
-.profile-modal .modal-buttons
-	display: none
-

sass/layout/_prompt.sass

@@ -10,7 +10,7 @@
 	width: 600px
 	margin-left: -300px
 	+box-shadow(0 8px 33px rgba(#000, .3))
-	.modal-buttons, .following-config-method-buttons
+	.following-config-method-buttons
 		padding: 0 20px 20px 0
 		float: right
 	.modal-content
@@ -27,6 +27,17 @@
 			color: white 
 			&:hover 
 				cursor: default
+	.modal-buttons
+		margin: 4px 0
+		text-align: right
+	.switch-mode
+		display: inline-block
+		float: left
+		margin: 12px 4px 4px
+		color: lighten($dark-grey,30%)
+		cursor: pointer
+		font-size: .8rem
+		line-height: .8rem
 
 
 
@@ -34,8 +45,6 @@
 
 .prompt-wrapper.following-config-modal
 	margin-top: -100px
-	.modal-buttons
-		display: none
 	h2
 		text-transform: none
 		display: inline-block!important
@@ -67,7 +76,7 @@
 .prompt-wrapper.reply
 	&.prompt-wrapper
 		margin-top: -110px
-	.modal-buttons, .post-expand, .post-interactions
+	.post-expand, .post-interactions
 		display: none
 	.post-area
 		padding-bottom: 6px