bootstrap classes

src/main/resources/static/css/app.css

@@ -11,11 +11,8 @@ body {
 }
 
 .lastSubmission {
-	background-color: #eee;
 	text-align: center;
-	padding: 0.8ex;
-	margin-top: 2ex;
-	margin-bottom: 2ex;
+	font-size: 120%;
 }
 
 .input-heading {

src/main/resources/static/partials/transaction-list.html

@@ -7,7 +7,7 @@
 			
 			<br />
 				
-			<div ng-show="lastSubmission" class='ui-state-highlight lastSubmission col-xs-offset-1'>
+			<div ng-show="lastSubmission" class="lastSubmission col-xs-offset-1 alert alert-info" role="alert">
 				{{lastSubmission.date | date:'dd.MM.yyyy'}}
 				<span ng-class="{ 'color-green': lastSubmission.amount > 0, 'color-red': lastSubmission.amount < 0 }">{{lastSubmission.amount}}&nbsp;€</span>
 				&nbsp;&nbsp;&nbsp;
@@ -118,6 +118,32 @@
 				<span ng-repeat="user in accountUsers">{{user.name}} {{user.outstandings | number : 2}}&nbsp;€<br/></span>
 			</div>
 			
+			<div ng-controller="ModalDemoCtrl">
+				<script type="text/ng-template" id="myModalContent.html">
+					<div class="modal-header">
+						<h3 class="modal-title">I'm a modal!</h3>
+					</div>
+					<div class="modal-body">
+						<ul>
+							<li ng-repeat="item in items">
+								<a href="#" ng-click="$event.preventDefault(); selected.item = item">{{ item }}</a>
+							</li>
+						</ul>
+						Selected: <b>{{ selected.item }}</b>
+					</div>
+					<div class="modal-footer">
+						<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
+						<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
+					</div>
+				</script>
+
+				<button type="button" class="btn btn-default" ng-click="open()">Open me!</button>
+				<button type="button" class="btn btn-default" ng-click="open('lg')">Large modal</button>
+				<button type="button" class="btn btn-default" ng-click="open('sm')">Small modal</button>
+				<button type="button" class="btn btn-default" ng-click="toggleAnimation()">Toggle Animation ({{ animationsEnabled }})</button>
+				<div ng-show="selected">Selection from a modal: {{ selected }}</div>
+			</div>
+
 			<!-- div>
 				<pre style="font-size: 75%; color: darkgray;">{{account | json}}</pre>
 			</div -->