From 7a199c2f1329589ec6596985da22e02f4799ab63 Mon Sep 17 00:00:00 2001
From: Tilman Liero <tliero@gmx.net>
Date: Mon, 13 Jun 2016 06:42:30 +0200
Subject: [PATCH] bootstrap classes

---
 src/main/resources/static/css/app.css         |  5 +---
 .../static/partials/transaction-list.html     | 28 ++++++++++++++++++-
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/static/css/app.css b/src/main/resources/static/css/app.css
index 953cb39..5a1246c 100644
--- a/src/main/resources/static/css/app.css
+++ b/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 {
diff --git a/src/main/resources/static/partials/transaction-list.html b/src/main/resources/static/partials/transaction-list.html
index 9837148..ab21730 100644
--- a/src/main/resources/static/partials/transaction-list.html
+++ b/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;
@@ -117,6 +117,32 @@
 			<div style="margin-top: 2em; text-align: center;">
 				<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>