bootstrap and jquery updated

daliuge-engine/dlg/manager/web/dim.html

@@ -7,7 +7,7 @@
 	<script src="/static/js/d3/d3.v5.min.js"></script>
 	<script src="/static/js/dm.js"></script>
 	<script src="/static/js/jquery.min.js"></script>
-	<script src="/static/js/bootstrap.min.js"></script>
+	<script src="/static/js/bootstrap.bundle.min.js"></script>
 	<script src="/static/js/bootbox.min.js"></script>
 	<link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
 	<link  href="/static/css/dm.css" rel="stylesheet" type="text/css"/>

daliuge-engine/dlg/manager/web/dm.html

@@ -7,7 +7,7 @@
 	<script src="/static/js/d3/d3.v5.min.js"></script>
 	<script src="/static/js/dm.js"></script>
 	<script src="/static/js/jquery.min.js"></script>
-	<script src="/static/js/bootstrap.min.js"></script>
+	<script src="/static/js/bootstrap.bundle.min.js"></script>
 	<script src="/static/js/bootbox.min.js"></script>
 	<link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
 	<link  href="/static/css/dm.css" rel="stylesheet" type="text/css"/>

daliuge-engine/dlg/manager/web/session.html

@@ -7,7 +7,7 @@
 	<link rel="shortcut icon" type="image/svg" href="static/icons/liuFavIcon.svg"/>
 	<script src="/static/js/d3/d3.v5.min.js"></script>
 	<script src="/static/js/d3/dagre-d3.min.js"></script>
-	<script src="/static/js/jquery-1.11.3.min.js"></script>
+	<script src="/static/js/jquery.min.js"></script>
 	<script src="/static/js/bootstrap.bundle.min.js"></script>
 	<script src="/static/js/bootbox.min.js"></script>
 	<script src="/static/js/dm.js"></script>
@@ -46,10 +46,10 @@
 					<button type="button" value="TB" class="btn btn-secondary tooltip tooltipBottom" data-text="Display Graph From Top to Bottom"><span class="fa fa-arrows-v"> </span></button>
 				</div>
 			</ul>
-			<ul class="nav navbar-nav  ml-auto">
-			<button id="cancelBtn" type="button" class="btn btn-secondary">Cancel Session</button>
+			<ul class="nav navbar-nav navbar-right">
+				<button id="cancelBtn" type="button" class="btn btn-secondary">Cancel Session</button>
 				<button disabled class="btn btn-secondary" id="session-status-wrapper" >Status: <span id="session-status"></span></button>
-				</ul>
+			</ul>
 		</div>
 	</nav>
 	<div id="graphNameWrapper">

daliuge-engine/dlg/manager/web/static/css/dm.css

@@ -18,7 +18,7 @@
     width: 100%;
     height:auto;
     background-color: #002349;
-    padding: 0px 16px;
+    padding: 0px 20px;
     position: fixed;
     z-index: 101;
 }
@@ -38,6 +38,10 @@ background: linear-gradient(90deg, rgba(0,64,133,1) 0%, rgba(0,52,107,1) 20%, rg
 margin-bottom:100px;
 }
 
+.navbar-brand{
+  margin-left: 20px;
+}
+
 .navbar-brand span{
 margin-left: 10px;
 }

daliuge-engine/dlg/manager/web/static/css/session.css

@@ -98,7 +98,7 @@ svg {
   width: 100%;
   height:auto;
   background-color: #002349;
-  padding: 0px 16px;
+  padding: 0px 20px;
   position: fixed;
   z-index: 101;
 }
@@ -117,6 +117,10 @@ svg {
   margin-bottom:100px;
 }
 
+.navbar-brand{
+  margin-left: 20px;
+}
+
 .navbar-brand span{
   margin-left: 10px;
   text-decoration: underline;
@@ -132,6 +136,11 @@ svg {
   margin-right:10px;
 }
 
+.navbar-nav.navbar-right {
+  position: absolute;
+  right:10px;
+}
+
 .navbar-nav button {
   background-color: transparent;
   border:1px white solid;
@@ -154,7 +163,6 @@ svg {
   color:white;
   background-color: transparent;
   opacity: 100%;
-  margin-right:20px;
 }
 
 #session-status{