Browse Source

Small style fix to login page

Torkel Ödegaard 10 years ago
parent
commit
63cc794f37
1 changed files with 59 additions and 57 deletions
  1. 59 57
      public/app/partials/login.html

+ 59 - 57
public/app/partials/login.html

@@ -17,52 +17,54 @@
 			</div>
 			</div>
 
 
       <form name="loginForm" class="login-form">
       <form name="loginForm" class="login-form">
-        <div class="tight-form" ng-if="loginMode">
-          <ul class="tight-form-list">
-            <li class="tight-form-item" style="width: 78px">
-							<strong>User</strong>
-            </li>
-            <li>
-              <input type="text" name="username" class="tight-form-input last" required ng-model='formModel.user' placeholder="email or username" style="width: 253px">
-            </li>
-          </ul>
-          <div class="clearfix"></div>
-        </div>
-        <div class="tight-form" ng-if="loginMode">
-          <ul class="tight-form-list">
-            <li class="tight-form-item" style="width: 78px">
-							<strong>Password</strong>
-            </li>
-            <li>
-							<input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password">
-            </li>
-          </ul>
-          <div class="clearfix"></div>
-				</div>
+				<div class="tight-from-container">
+					<div class="tight-form" ng-if="loginMode">
+						<ul class="tight-form-list">
+							<li class="tight-form-item" style="width: 78px">
+								<strong>User</strong>
+							</li>
+							<li>
+								<input type="text" name="username" class="tight-form-input last" required ng-model='formModel.user' placeholder="email or username" style="width: 253px">
+							</li>
+						</ul>
+						<div class="clearfix"></div>
+					</div>
+					<div class="tight-form" ng-if="loginMode">
+						<ul class="tight-form-list">
+							<li class="tight-form-item" style="width: 78px">
+								<strong>Password</strong>
+							</li>
+							<li>
+								<input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password">
+							</li>
+						</ul>
+						<div class="clearfix"></div>
+					</div>
 
 
-				<div class="tight-form" ng-if="!loginMode">
-          <ul class="tight-form-list">
-            <li class="tight-form-item" style="width: 79px">
-							<strong>Email</strong>
-            </li>
-            <li>
-              <input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px">
-            </li>
-          </ul>
-          <div class="clearfix"></div>
-        </div>
+					<div class="tight-form" ng-if="!loginMode">
+						<ul class="tight-form-list">
+							<li class="tight-form-item" style="width: 79px">
+								<strong>Email</strong>
+							</li>
+							<li>
+								<input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px">
+							</li>
+						</ul>
+						<div class="clearfix"></div>
+					</div>
 
 
-				<div class="tight-form" ng-if="!loginMode">
-          <ul class="tight-form-list">
-            <li class="tight-form-item" style="width: 79px">
-							<strong>Password</strong>
-            </li>
-            <li>
-							<input type="password" class="tight-form-input last" watch-change="formModel.password = inputValue;" ng-minlength="4" required ng-model='formModel.password' placeholder="password" style="width: 253px">
-            </li>
-          </ul>
-          <div class="clearfix"></div>
-        </div>
+					<div class="tight-form" ng-if="!loginMode">
+						<ul class="tight-form-list">
+							<li class="tight-form-item" style="width: 79px">
+								<strong>Password</strong>
+							</li>
+							<li>
+								<input type="password" class="tight-form-input last" watch-change="formModel.password = inputValue;" ng-minlength="4" required ng-model='formModel.password' placeholder="password" style="width: 253px">
+							</li>
+						</ul>
+						<div class="clearfix"></div>
+					</div>
+				</div>
 
 
 				<div ng-if="!loginMode" style="margin-left: 97px; width: 254px;">
 				<div ng-if="!loginMode" style="margin-left: 97px; width: 254px;">
 					<password-strength password="formModel.password"></password-strength>
 					<password-strength password="formModel.password"></password-strength>
@@ -87,23 +89,23 @@
 					with Github
 					with Github
 				</a>
 				</a>
 			</div>
 			</div>
-	</div>
+		</div>
 
 
-	<div class="row" style="margin-top: 40px">
-		<div class="text-center">
-			<a href="user/password/send-reset-email">
-				Forgot your password?
-			</a>
+		<div class="row" style="margin-top: 40px">
+			<div class="text-center">
+				<a href="user/password/send-reset-email">
+					Forgot your password?
+				</a>
+			</div>
 		</div>
 		</div>
-	</div>
 
 
-	<div class="row" style="margin-top: 50px">
-		<div class="version-footer text-center small">
-			Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
-			build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
+		<div class="row" style="margin-top: 50px">
+			<div class="version-footer text-center small">
+				Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
+				build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
+			</div>
 		</div>
 		</div>
-	</div>
 
 
-</div>
+	</div>