From 6bf1203581a295e82116c23bc4fe2d9d29362cf4 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Thu, 11 Feb 2016 23:41:13 +0500
Subject: Multiple UI Improvements

---
 web/sass-files/sass/partials/_markdown.scss   |   1 +
 web/sass-files/sass/partials/_modal.scss      | 119 +++++++++++++-------------
 web/sass-files/sass/partials/_responsive.scss |  18 ++++
 web/sass-files/sass/partials/_settings.scss   |   1 +
 web/sass-files/sass/partials/_tutorial.scss   |   2 +-
 5 files changed, 82 insertions(+), 59 deletions(-)

(limited to 'web/sass-files/sass')

diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss
index 339d9f45f..f34b5ec19 100644
--- a/web/sass-files/sass/partials/_markdown.scss
+++ b/web/sass-files/sass/partials/_markdown.scss
@@ -31,6 +31,7 @@
 }
 
 .post-body--code__language {
+	-webkit-transform: translate3d(0,0,0);
 	position: absolute;
 	top: 0;
 	right: 0;
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index db99e840b..9d4e62bc3 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -7,6 +7,67 @@
 	padding: 20px 15px;
 	overflow: auto;
 }
+.more-table {
+	margin: 0;
+	table-layout: fixed;
+	p {
+		font-size: 0.9em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		@include opacity(0.8);
+		margin: 5px 0;
+	}
+	.profile-img {
+		-moz-border-radius: 50px;
+		-webkit-border-radius: 50px;
+		border-radius: 50px;
+		margin-right: 8px;
+	}
+	.more-name {
+		font-weight: 600;
+		font-size: 0.95em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.more-description {
+		@include opacity(0.7);
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	tbody {
+		> tr {
+			&:hover td {
+				background: #f7f7f7;
+			}
+			&:first-child {
+				td {
+					border: none;
+				}
+			}
+			td {
+				width: 100%;
+				white-space: nowrap;
+				@include legacy-pie-clearfix;
+				text-overflow: ellipsis;
+				padding: 8px 8px 8px 15px;
+				&.padding--equal {
+					padding: 8px;
+				}
+				&.td--action {
+					text-align: right;
+					padding: 8px 15px 8px 8px;
+					width: 80px;
+					vertical-align: middle;
+					position: relative;
+					&.lg {
+						width: 110px;
+					}
+				}
+			}
+		}
+	}
+}
 .modal {
 	width: 100%;
 	color: #333;
@@ -148,64 +209,6 @@
 			padding: 0;
 		}
 	}
-	.more-table {
-		margin: 0;
-		table-layout: fixed;
-		p {
-			font-size: 0.9em;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			@include opacity(0.8);
-			margin: 5px 0;
-		}
-		.profile-img {
-			-moz-border-radius: 50px;
-			-webkit-border-radius: 50px;
-			border-radius: 50px;
-			margin-right: 8px;
-		}
-		.more-name {
-			font-weight: 600;
-			font-size: 0.95em;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-		.more-description {
-			@include opacity(0.7);
-			display: block;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-		tbody {
-			> tr {
-				&:hover td {
-					background: #f7f7f7;
-				}
-				&:first-child {
-					td {
-						border: none;
-					}
-				}
-				td {
-					width: 100%;
-					white-space: nowrap;
-					@include legacy-pie-clearfix;
-					text-overflow: ellipsis;
-					padding: 8px 8px 8px 15px;
-					&.td--action {
-						text-align: right;
-						padding: 8px 15px 8px 8px;
-						width: 80px;
-						vertical-align: middle;
-						position: relative;
-						&.lg {
-							width: 110px;
-						}
-					}
-				}
-			}
-		}
-	}
 	.modal-image {
 		position:relative;
 		width:100%;
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 5d6cbee60..2374a9dbb 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -776,6 +776,24 @@
     }
 }
 @media screen and (max-width: 480px) {
+    .settings-modal {
+
+         .settings-table {
+
+            .security-links {
+                margin-bottom: 10px;
+                display: block;
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+
+            }
+
+         }
+
+    }
+
     .tip-overlay.tip-overlay--sidebar {
         min-height: 350px;
     }
diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index 1bbec566c..de7df403f 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -207,6 +207,7 @@
         .section-title {
             margin-bottom: 5px;
             font-weight: 600;
+            padding-right: 50px;
         }
 
         .section-edit {
diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss
index 0a2d1e704..1f93fc6a9 100644
--- a/web/sass-files/sass/partials/_tutorial.scss
+++ b/web/sass-files/sass/partials/_tutorial.scss
@@ -105,7 +105,7 @@
         font-size: 12px;
 
         span {
-            @include opacity(0.5);
+            @include opacity(0.9);
         }
 
     }
-- 
cgit v1.2.3-1-g7c22