Index: lams_tool_scratchie/web/pages/authoring/basic.jsp
===================================================================
diff -u -r9e9c0664745d48fdd504952bb279e5b840675758 -rc115d6660462bb306d5635a4f7d4809b2e4610e5
--- lams_tool_scratchie/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision 9e9c0664745d48fdd504952bb279e5b840675758)
+++ lams_tool_scratchie/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision c115d6660462bb306d5635a4f7d4809b2e4610e5)
@@ -137,12 +137,6 @@
 		<a href="${addItemUrl}" class="btn btn-default btn-sm thickbox">
 			<i class="fa fa-plus"></i>&nbsp;<fmt:message key="label.authoring.basic.add.another.scratchie" /> 
 		</a>
-		<a href="#" onClick="javascript:importQTI()" class="btn btn-default btn-sm loffset5">
-			<fmt:message key="label.authoring.import.qti" /> 
-		</a>
-		<a href="#" onClick="javascript:exportQTI()" class="btn btn-default btn-sm loffset5">
-			<fmt:message key="label.authoring.export.qti" />
-		</a>
 	</div>
 </div>
 
Index: lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp
===================================================================
diff -u -r9e9c0664745d48fdd504952bb279e5b840675758 -rc115d6660462bb306d5635a4f7d4809b2e4610e5
--- lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp	(.../itemlist.jsp)	(revision 9e9c0664745d48fdd504952bb279e5b840675758)
+++ lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp	(.../itemlist.jsp)	(revision c115d6660462bb306d5635a4f7d4809b2e4610e5)
@@ -1,37 +1,54 @@
 <%@ include file="/common/taglibs.jsp"%>
 <c:set var="sessionMap" value="${sessionScope[sessionMapID]}" />
-
-
-	<input type="hidden" name="itemCount" id="itemCount" value="${fn:length(sessionMap.itemList)}">
-	
-	<table class="table table-condensed table-striped">
-		<c:forEach var="item" items="${sessionMap.itemList}" varStatus="status">
-			<tr>
-				<td style="padding-top:15px; padding-bottom:15px;">
-					<c:out value="${item.title}" escapeXml="true"/>			
-				</td>
+<!-- Dropdown menu for choosing a question from question bank -->
+<div class="panel panel-default voffset20">
+	<div class="panel-heading panel-title">
+		<div id="importExport" class="btn-group pull-right">
+			<a href="#" onClick="javascript:importQTI();return false;" class="btn btn-default btn-xs loffset5">
+				<fmt:message key="label.authoring.import.qti" /> 
+			</a>
+			<a href="#" onClick="javascript:exportQTI();return false;" class="btn btn-default btn-xs loffset5">
+				<fmt:message key="label.authoring.export.qti" />
+			</a>
+		</div> 
+		<fmt:message key="label.questions"/>
+		
+	</div>
+	<div class="panel-body">
+		<input type="hidden" name="itemCount" id="itemCount" value="${fn:length(sessionMap.itemList)}">
+		
+		<table class="table table-condensed table-striped">
+			<c:forEach var="item" items="${sessionMap.itemList}" varStatus="status">
+				<tr>
+					<td style="padding-top:15px; padding-bottom:15px;">
+						<c:out value="${item.title}" escapeXml="true"/>			
+					</td>
+						
+					<td class="arrows" style="width:5%">
+						<c:if test="${not status.first}">
+							<lams:Arrow state="up" title="<fmt:message key='label.authoring.basic.up'/>" onclick="return upItem(${status.index})"/>
+						</c:if>
+		
+						<c:if test="${not status.last}">
+							<lams:Arrow state="down" title="<fmt:message key='label.authoring.basic.down'/>" onclick="return downItem(${status.index})"/>
+						</c:if>
+					</td>
 					
-				<td class="arrows" style="width:5%">
-					<c:if test="${not status.first}">
-						<lams:Arrow state="up" title="<fmt:message key='label.authoring.basic.up'/>" onclick="upItem(${status.index})"/>
-					</c:if>
+					<td align="center" style="width:5%">
+						<c:set var="editItemUrl" >
+							<c:url value='/authoring/editItem.do'/>?sessionMapID=${sessionMapID}&itemIndex=${status.index}&KeepThis=true&TB_iframe=true&height=540&width=850&modal=true
+						</c:set>		
+						<a href="${editItemUrl}" class="thickbox"> 
+							<i class="fa fa-pencil"	title="<fmt:message key='label.edit' />"/></i>
+						</a>				
+					
+					<td  align="center" style="width:5%"><i class="fa fa-times"	title="<fmt:message key="label.delete" />" id="delete${status.index}" 
+							onclick="removeItem(${status.index})"></i></td>
+							
+				</tr>
+			</c:forEach>
+		</table>
+	</div>
+</div>
 	
-					<c:if test="${not status.last}">
-						<lams:Arrow state="down" title="<fmt:message key='label.authoring.basic.down'/>" onclick="downItem(${status.index})"/>
-					</c:if>
-				</td>
-				
-				<td align="center" style="width:5%">
-					<c:set var="editItemUrl" >
-						<c:url value='/authoring/editItem.do'/>?sessionMapID=${sessionMapID}&itemIndex=${status.index}&KeepThis=true&TB_iframe=true&height=540&width=850&modal=true
-					</c:set>		
-					<a href="${editItemUrl}" class="thickbox"> 
-						<i class="fa fa-pencil"	title="<fmt:message key='label.edit' />"/></i>
-					</a>				
-				
-				<td  align="center" style="width:5%"><i class="fa fa-times"	title="<fmt:message key="label.delete" />" id="delete${status.index}" 
-						onclick="removeItem(${status.index})"></i></td>
-						
-			</tr>
-		</c:forEach>
-	</table>
+