Fixes for Sync Pane

nitrotasks · May 20, 2012 · 24a919d · 24a919d
1 parent 1063ff1
commit 24a919d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/css/screen.css b/css/screen.css
@@ -300,8 +300,9 @@ button.s1.no:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, colo
 #prefsDialog .tab-content .tab-pane a.icon { display: inline-block; width: 150px; height: 122px; margin: 12.5px; border-radius: 5px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), 0 1px 0 white; background: rgba(0, 0, 0, 0.05); }
 #prefsDialog .tab-content .tab-pane a.icon:hover { background: -webkit-linear-gradient(#fcfcfc, #e5e5e5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
 #prefsDialog .tab-content .tab-pane a.icon:active { background: -webkit-linear-gradient(#e5e5e5, #fcfcfc); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
-#prefsDialog .tab-content .tab-pane a.icon img { margin-left: 7px; margin-top: 8.5px; }
-#prefsDialog .tab-content .tab-pane#tabSync { text-align: center; position: relative; }
+#prefsDialog .tab-content .tab-pane a.icon img { margin-top: 8.5px; }
+#prefsDialog .tab-content .tab-pane#tabSync { position: relative; }
+#prefsDialog .tab-content .tab-pane#tabSync .icons { text-align: center; }
 #prefsDialog .tab-content .tab-pane#tabSync blockquote { text-align: left; }
 #prefsDialog .tab-content .tab-pane#tabSync .waiting, #prefsDialog .tab-content .tab-pane#tabSync .settings { display: none; }
 #prefsDialog .tab-content .tab-pane#tabSync .waiting { text-align: center; }

diff --git a/index.html b/index.html
@@ -224,8 +224,10 @@ <h2>Nitro <span class="version"></span></h2>
 				<div class="connect">
 					<blockquote><h1>Nitro Sync Beta</h1><span class="translate" data-translate="donateText"></span></blockquote>
 					<hr>
-					<a class="icon" href="#" data-service="dropbox"><img src="images/dropbox.png"></a>
-					<a class="icon" href="#" data-service="ubuntu"><img src="images/ubuntu.png"></a>
+					<div class="icons">
+						<a class="icon" href="#" data-service="dropbox"><img src="images/dropbox.png"></a>
+						<a class="icon" href="#" data-service="ubuntu"><img src="images/ubuntu.png"></a>
+					</div>
 				</div>
 				<div class="waiting">
 					<p class="translate" data-translate="syncAuthenticate"></p>

diff --git a/sass/screen.scss b/sass/screen.scss
@@ -1151,12 +1151,14 @@ button {
 				box-shadow: 0 1px 3px rgba(0,0,0,0.3);
 			}
 			a.icon img {
-				margin-left: 7px;
 				margin-top: 8.5px;
 			}
 
 			&#tabSync {
-				text-align: center;
+
+				.icons {
+					text-align: center;	
+				}
 				position: relative;
 
 				blockquote {