Merge branch '219-css-updates-for-2-3' into 'master'

CSS updates for 2.3

Closes #219

See merge request genesys-pgr/genesys-server!132

src/main/sourceapp/1/styles/genesys.scss

@@ -526,7 +526,6 @@ html,body{
             line-height: 24px;
             font-family: $heading-font-family;
             display: inline-block;
-            vertical-align: middle;
             /*width: 60%;
             padding-top: 36px;*/
           }
@@ -1588,7 +1587,6 @@ form.form-horizontal .form-group {
   & > div {
     html[dir="ltr"] & {
       border-left: 2px solid #E7E5DF;
-      min-height: 66px;
     }
     html[dir="rtl"] & {
       border-right: 2px solid #E7E5DF;
@@ -3049,7 +3047,6 @@ table.accessions {
     list-style: none;
 
     li {
-      color: $hyperlink;
       font-family: $default-font-family;
       font-size: 18px;
       position: relative;
@@ -3111,7 +3108,7 @@ table.accessions {
       div {
         padding: 10px;
         line-height: 20px;
-        &:first-child {
+        .free-text {
           display: table;
           html[dir="ltr"] & {
             border-right: 2px solid white;
@@ -3145,7 +3142,6 @@ table.accessions {
       font-family: $default-font-family;
     }
     a {
-      display: inline-block;
       font-size: 14px;
     }
     span {
@@ -3420,6 +3416,30 @@ table.accessions {
     margin: 10px 0;
   }
 }
+
+#user-accession-lists {
+  margin: 0 20px;
+  border-collapse: separate;
+  border-spacing: 0 5px;
+
+  tr {
+    background: #f8f7f4;
+
+    &:nth-child(odd) {
+      background: #f4f3ee;
+    }
+
+    td {
+      padding: 9px 10px 8px 10px;
+
+      &:nth-child(odd) {
+        width: 35%;
+        border-right: 1px solid #e7e5df;
+      }
+    }
+  }
+}
+
 //selected-list page
 .selected-list {
   h1.green-bg {
@@ -5190,6 +5210,10 @@ table.accessions {
           .free-text {
             /*padding: 35px 35px 0 17px;*/
 
+            & > p:first-child {
+              margin: 0;
+            }
+
             p {
               /*font-size: 16px;
               line-height: 24px;*/
@@ -5199,7 +5223,6 @@ table.accessions {
               &:first-child {
                 line-height: 26px;
                 font-size: 20px;
-                margin: 0;
 
                 a {
                   font-size: inherit;

src/main/webapp/WEB-INF/jsp/selection/index.jsp

@@ -22,13 +22,14 @@
 	    	<c:if test="${fn:length(userAccessionLists) gt 0}">
 			<div class="">
 				<spring:message code="userlist.list-my-lists" />
-		        <ul class="funny-list" role="" id="user-accession-lists">
-		            <c:forEach items="${userAccessionLists}" var="userList">
-		                <li><a href="/sel/load?list=${userList.uuid}"><c:out value="${userList.title}" /></a>
-		                <div class="pull-right"><c:out value="${userList.description}" /></div>
-		                </li>
-		            </c:forEach>
-		        </ul>
+				<table  class="accession-lists" role="" id="user-accession-lists">
+					<c:forEach items="${userAccessionLists}" var="userList">
+						<tr>
+							<td><a href="/sel/load?list=${userList.uuid}"><c:out value="${userList.title}" /></a></td>
+							<td><div><c:out value="${userList.description}" /></div></td>
+						</tr>
+					</c:forEach>
+				</table>
 			</div>
 			</c:if>
 		</security:authorize>