Review and css fixes

This commit is contained in:
Tankred Hase 2014-09-23 17:40:19 +02:00
parent 77e0377fd1
commit 675e1b13dd
2 changed files with 12 additions and 6 deletions

View File

@ -164,6 +164,14 @@
text-decoration: none;
}
.connection-error {
margin: 30px 0;
p {
margin-bottom: 15px;
}
}
.details {
fieldset {
margin: 0 0 10px 0;

View File

@ -11,14 +11,12 @@
<form name="form">
<div>
<div ng-show="connectionError">
<fieldset class="connection-error" ng-show="connectionError">
<legend>Connection Error</legend>
<p class="input-error-message">{{connectionError.message}}</p>
<div ng-show="connectionError.underlyingError">
<a href="#" class="input-error-message" wo-touch='showUnderlyingError = !showUnderlyingError; $event.preventDefault()'>{{showUnderlyingError ? "Hide Details" : "Show Details"}}</a>
<p ng-show="showUnderlyingError" class="input-error-message">{{connectionError.underlyingError.message}}</p>
</div>
<p ng-show="connectionError.underlyingError" class="input-error-message">Underlying Cause: {{connectionError.underlyingError.message}}</p>
<a class="input-error-message" href="https://github.com/whiteout-io/mail-html5/wiki/FAQ#troubleshooting" target="_blank">Find out more in the FAQ.</a>
</div>
</fieldset>
<label class="input-error-message" ng-show="form.$invalid || credentialsIncomplete">Please fill out all required fields!</label>
<br>