graphdb-workbench 2.6.3 → 2.7.0-TR10

package/dist/css/clustermanagement.css

@@ -1,29 +1,29 @@
 .cluster-view {
-  position: relative;
+    position: relative;
 }
 
 .cluster-view svg {
-  background-color: #FFF;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -o-user-select: none;
-  user-select: none;
+    background-color: #FFF;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
 }
 
 .cluster-view path.link {
-  stroke-width: 3px;
+    stroke-width: 5px;
 }
 
 .cluster-zone {
-  stroke: black;
-  fill: transparent;
+    stroke: var(--gray-color);
+    fill: transparent;
 }
 
 .cluster-zone.no-cluster {
-  stroke: black;
-  fill: transparent;
-  transition: fill 0.2s, stroke 0.2s;
+    stroke: black;
+    fill: transparent;
+    transition: fill 0.2s, stroke 0.2s;
 }
 
 .cluster-zone.no-cluster.has-access {
@@ -31,225 +31,232 @@
 }
 
 .cluster-zone.no-cluster:hover {
-  stroke-width: 3 !important;
-  fill: #f7f7f7 !important;
-  height: 120%;
-  width: 120%;
+    stroke-width: 3 !important;
+    fill: #f7f7f7 !important;
+    height: 120%;
+    width: 120%;
 }
 
 .settings-icon {
-  font-size: 110px !important;
+    font-size: 110px !important;
 }
 
 .settings-icon.small {
-  font-size: 56px !important;
+    font-size: 56px !important;
 }
 
 .toggle-legend-icon {
-  font-size: 40px !important;
+    font-size: 40px !important;
 }
 
 .node {
-  cursor: pointer;
-  fill: var(--gray-color);
-  stroke: black;
+    cursor: pointer;
+    fill: var(--gray-color);
 }
 
 .node.leader {
-  fill: var(--primary-color)
+    fill: var(--primary-color);
+    stroke: var(--primary-color);
 }
 
 .node.follower {
-  fill: var(--secondary-color)
+    fill: var(--secondary-color);
+    stroke: var(--secondary-color);
 }
 
 .node.candidate {
-  fill: var(--tertiary-color)
+    fill: var(--tertiary-color);
+    stroke: var(--tertiary-color);
 }
 
 .node.other {
-  fill: var(--gray-color)
+    fill: var(--gray-color);
+    stroke: var(--gray-color);
 }
 
 #node-group.legend .node {
-  cursor: default;
-  stroke-width: 0.5;
+    cursor: default;
+    stroke-width: 0.5;
 }
 
 #node-group.legend .node-icon {
-  font-size: 25px;
+    font-size: 25px;
 }
 
 .legend .id-host {
-  font-size: 9px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  text-align: center;
-  font-weight: 400;
-  color: black;
+    font-size: 9px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    text-align: center;
+    font-weight: 400;
+    color: black;
 }
 
 .legend-group .label-wrapper {
-  overflow: visible;
+    overflow: visible;
 }
 
 .toggle-legend-btn {
-  position: absolute;
-  bottom: 0;
+    position: absolute;
+    bottom: 0;
 }
 
 .legend-group.hidden {
-  visibility: hidden;
+    visibility: hidden;
 }
 
 .hidden {
-  display: none;
+    display: none;
 }
 
 text.node-icon {
-  fill: rgba(255, 255, 255, 0.5);
-  font-size: 40px;
+    fill: rgba(255, 255, 255, 0.5);
+    font-size: 40px;
 }
 
 .id-host-background, .node-info-background {
-  fill: #EEEEEE;
+    fill: #EEEEEE;
 }
 
 text.node-icon {
-  text-anchor: middle;
-  dominant-baseline: central;
+    text-anchor: middle;
+    dominant-baseline: central;
 }
 
 text {
-  font-family: var(--main-font) !important;
-  font-size: 12px;
-  pointer-events: none;
+    font-family: var(--main-font) !important;
+    font-size: 12px;
+    pointer-events: none;
 }
 
 text.id-host, .node-info-fo {
-  text-anchor: middle;
-  font-weight: 400;
+    text-anchor: middle;
+    font-weight: 400;
 }
 
 .node-info-fo {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 .text-btn {
-  background: none;
-  border: none;
-  margin: 0;
-  padding-top: .1rem;
-  cursor: pointer;
+    background: none;
+    border: none;
+    margin: 0;
+    padding-top: .1rem;
+    cursor: pointer;
 }
 
 .text-btn:focus, .text-btn {
-  outline: none !important;
-  box-shadow: none
+    outline: none !important;
+    box-shadow: none
 }
 
 .no-margin-list ul {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 div.nodetooltip {
-  z-index: 1000;
-  position: absolute;
-  padding: 10px;
-  padding-left: 30px;
-  font-size: 90%;
-  text-align: left;
-  background: rgba(235, 235, 235, 0.9);
-  width: 40%;
-  max-width: 400px;
+    z-index: 1000;
+    position: absolute;
+    padding: 10px;
+    padding-left: 30px;
+    font-size: 90%;
+    text-align: left;
+    background: rgba(235, 235, 235, 0.9);
+    width: 40%;
+    max-width: 400px;
 }
 
 .main-menu.collapsed ~ div .legend-container {
-  left: 90px;
+    left: 90px;
 }
 
 .cluster-loader {
-  position: relative;
-  z-index: 100000;
+    position: relative;
+    z-index: 100000;
 }
 
 .cluster-loader .ot-loader-new-content {
-  position: absolute;
-  z-index: 100000;
-  width: 100%;
-  height: calc(100vh - 120px);
-  padding-top: calc((100vh - 300px) / 2);
-  background-color: rgba(255, 255, 255, 0.66);
+    position: absolute;
+    z-index: 100000;
+    width: 100%;
+    height: calc(100vh - 120px);
+    padding-top: calc((100vh - 300px) / 2);
+    background-color: rgba(255, 255, 255, 0.66);
 }
 
 .create-cluster-loader {
-  position: absolute;
-  margin: auto;
-  display: flex;
-  z-index: 100000;
-  background-color: rgba(255, 255, 255, 0.66);
+    position: absolute;
+    margin: auto;
+    display: flex;
+    z-index: 100000;
+    background-color: rgba(255, 255, 255, 0.66);
 
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
 }
 
-.rdf-info-side-panel {
-  z-index: 1016 !important;
+.cluster-configuration-panel {
+    z-index: 1016 !important;
 }
 
 .locations-list {
-  border: 1px solid;
-  min-height: 8rem;
-  max-height: 18rem;
-  overflow: auto;
+    border: 1px solid;
+    min-height: 8rem;
+    max-height: 18rem;
+    overflow: auto;
 }
 
 .locations-list .location-item {
-  justify-content: space-between;
+    justify-content: space-between;
 }
 
 .location-item {
-  padding: 2px;
-  -webkit-user-select: none;
-  user-select: none;
-  word-break: break-all;
+    padding: 2px;
+    -webkit-user-select: none;
+    user-select: none;
+    word-break: break-all;
 
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
 }
 
 .location-item.hoverable:not(.list-group-item-danger):hover {
-  background-color: rgba(0, 0, 0, .05);
-  cursor: pointer;
+    background-color: rgba(0, 0, 0, .05);
+    cursor: pointer;
 }
 
 .location-item.hoverable.list-group-item-danger:hover {
-  cursor: not-allowed;
+    cursor: not-allowed;
 }
 
 .list-group-item-node {
-  cursor: pointer;
-  padding: 0;
+    cursor: pointer;
+    padding: 0;
 }
 
 .list-group-item-node a {
-  padding: 0.75rem 1.25rem;
+    padding: 0.75rem 1.25rem;
 }
 
 .logo-image {
-  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NyA2Ny4yIiBzdHlsZT0iIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRjA0RTIzO30KPC9zdHlsZT4KPHRpdGxlPmdyYXBoZGItbG9nby1uby10ZXh0PC90aXRsZT4KCTxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5LjMsMjcuOGM0LjMsMC45LDcsNSw2LjEsOS4zYy0wLjksNC4zLTUsNy05LjMsNi4xYy00LjItMC45LTctNS02LjItOS4yYzAuOC00LjIsNC45LTcsOS4xLTYuMgoJCUMzOS4yLDI3LjcsMzkuMiwyNy43LDM5LjMsMjcuOCIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLDQwLjNjMi41LDAuNiw0LjEsMywzLjcsNS41Yy0wLjUsMi41LTMsNC4xLTUuNSwzLjZjLTIuNS0wLjUtNC4xLTIuOS0zLjctNS41QzE4LjEsNDEuNCwyMC41LDM5LjgsMjMsNDAuMwoJCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjQsMThjMS43LDAuNCwyLjgsMiwyLjUsMy43Yy0wLjQsMS43LTIsMi44LTMuNywyLjVjLTEuNy0wLjQtMi44LTItMi41LTMuN2MwLDAsMCwwLDAsMAoJCUMyNiwxOC44LDI3LjcsMTcuNywyOS40LDE4QzI5LjQsMTgsMjkuNCwxOCwyOS40LDE4Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuOSwxLjZjMy4yLDIuNSwzLjgsNywxLjMsMTAuM3MtNywzLjgtMTAuMywxLjNjLTMuMi0yLjUtMy44LTctMS4zLTEwLjJDMTYtMC4yLDIwLjYtMC44LDIzLjksMS42CgkJQzIzLjgsMS42LDIzLjgsMS42LDIzLjksMS42Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMyw0OS40YzIuNywyLjgsMi42LDcuMi0wLjIsOS44Yy0yLjgsMi43LTcuMiwyLjYtOS44LTAuMmMtMi43LTIuOC0yLjYtNy4yLDAuMi05LjhjMCwwLDAsMCwwLDAKCQlDNS4zLDQ2LjUsOS42LDQ2LjYsMTIuMyw0OS40Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat left center;
-  height: 25px;
-  width: 25px;
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NyA2Ny4yIiBzdHlsZT0iIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRjA0RTIzO30KPC9zdHlsZT4KPHRpdGxlPmdyYXBoZGItbG9nby1uby10ZXh0PC90aXRsZT4KCTxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5LjMsMjcuOGM0LjMsMC45LDcsNSw2LjEsOS4zYy0wLjksNC4zLTUsNy05LjMsNi4xYy00LjItMC45LTctNS02LjItOS4yYzAuOC00LjIsNC45LTcsOS4xLTYuMgoJCUMzOS4yLDI3LjcsMzkuMiwyNy43LDM5LjMsMjcuOCIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLDQwLjNjMi41LDAuNiw0LjEsMywzLjcsNS41Yy0wLjUsMi41LTMsNC4xLTUuNSwzLjZjLTIuNS0wLjUtNC4xLTIuOS0zLjctNS41QzE4LjEsNDEuNCwyMC41LDM5LjgsMjMsNDAuMwoJCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjQsMThjMS43LDAuNCwyLjgsMiwyLjUsMy43Yy0wLjQsMS43LTIsMi44LTMuNywyLjVjLTEuNy0wLjQtMi44LTItMi41LTMuN2MwLDAsMCwwLDAsMAoJCUMyNiwxOC44LDI3LjcsMTcuNywyOS40LDE4QzI5LjQsMTgsMjkuNCwxOCwyOS40LDE4Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuOSwxLjZjMy4yLDIuNSwzLjgsNywxLjMsMTAuM3MtNywzLjgtMTAuMywxLjNjLTMuMi0yLjUtMy44LTctMS4zLTEwLjJDMTYtMC4yLDIwLjYtMC44LDIzLjksMS42CgkJQzIzLjgsMS42LDIzLjgsMS42LDIzLjksMS42Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMyw0OS40YzIuNywyLjgsMi42LDcuMi0wLjIsOS44Yy0yLjgsMi43LTcuMiwyLjYtOS44LTAuMmMtMi43LTIuOC0yLjYtNy4yLDAuMi05LjhjMCwwLDAsMCwwLDAKCQlDNS4zLDQ2LjUsOS42LDQ2LjYsMTIuMyw0OS40Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat left center;
+    height: 25px;
+    width: 25px;
 }
 
 .action-buttons {
-  flex-grow: 1;
+    flex-grow: 1;
 }
 
 .advanced-options-toggle {
-  margin-right: 6px;
+    margin-right: 6px;
+}
+
+.toggle-legend-btn .btn {
+    text-decoration: none;
 }

package/dist/css/import-resource-tree.css

@@ -0,0 +1,196 @@
+.import-resource-table {
+    width: 100%;
+}
+
+.import-resource-table .row.even-row-start:hover,
+.import-resource-table .row.even-row-start:hover + .row,
+.import-resource-table .row.odd-row-start:hover,
+.import-resource-table .row.odd-row-start:hover + .row {
+    background-color: rgba(0, 0, 0, .075);
+}
+
+.import-resource-table .even-row-start,
+.import-resource-table .even-row-end {
+    background-color: rgba(0, 0, 0, .05);
+}
+
+.import-resource-table .header-cell {
+    padding: 8px;
+}
+
+.import-resource-table .header-cell:hover {
+    cursor: pointer;
+}
+
+.import-resource-table .cell {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.import-resource-table .even-row-end .cell,
+.import-resource-table .odd-row-end .cell {
+    padding-bottom: 8px;
+}
+
+.import-resource-table .even-row-end .cell {
+    border-bottom: 1px solid #dddddd;
+}
+
+.import-resource-table .even-row-start .cell,
+.import-resource-table .odd-row-start .cell {
+    border-top: 1px solid #dddddd;
+    padding-top: 8px;
+}
+
+.import-resource-tree .import-resource-table .header-cell {
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 24px;
+}
+
+.import-resource-tree .import-resource-table .cell.cell-select,
+.import-resource-tree .import-resource-table .header-cell.cell-select {
+    width: 20px;
+}
+
+.import-resource-tree .import-resource-table .cell {
+    line-height: 18px;
+    vertical-align: top;
+}
+
+.import-resource-tree .import-resource-table .cell-title {
+    display: flex;
+    align-items: center;
+    line-height: 18px;
+    word-break: break-all;
+}
+
+.import-resource-tree .import-resource-table .cell-title em {
+    padding-right: 10px
+}
+
+.import-resource-tree .import-resources-actions .batch-import-dropdown {
+    margin-right: .5rem;
+}
+
+.import-resource-tree .import-resources-actions .import-resource-status-dropdown .import-resource-status-checkbox {
+    pointer-events: none;
+}
+
+.import-resource-tree .import-resources-actions .import-resource-status-dropdown .dropdown-toggle {
+    padding-left: 0.5rem;
+}
+
+.import-resource-tree .import-resources-actions .import-resource-status-dropdown .dropdown-toggle:not(.selected) {
+    border: none;
+    background-color: #fff;
+}
+
+.import-resource-tree .import-resources-actions .import-resource-status-dropdown,
+.import-resource-tree .import-resources-actions .import-resource-selected-actions {
+    display: flex;
+}
+
+.import-resource-tree .import-resource-table .cell-actions {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.import-resource-tree .import-resource-table .cell-actions .import-resource-action-import-btn {
+    border: none;
+    padding: .25em .25em;
+    margin: 0 .25em;
+}
+
+.import-resource-tree .import-resource-table .cell-actions .import-resource-action-import-btn .icon-import {
+    line-height: 1;
+}
+
+.import-resource-tree .import-resource-table .cell-modified,
+.import-resource-tree .import-resource-table .cell-imported,
+.import-resource-tree .import-resource-table .cell-size {
+    min-width: 120px;
+}
+
+.import-resource-tree .import-resource-table .cell.import-resource-message,
+.import-resource-tree .import-resource-table .header-cell.cell-name {
+    width: 40%;
+}
+
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages {
+    display: flex;
+}
+
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message {
+    display: flex;
+    flex-direction: column;
+}
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .import-counters {
+    display: flex;
+    flex-wrap: wrap;
+}
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .import-counters .import-counter,
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .text-success {
+    padding-left: 10px;
+}
+
+.import-resource-tree .import-resource-tree-header {
+    display: flex;
+    justify-content: space-between;
+}
+
+.import-resource-tree .import-resource-tree-header .import-resources-actions {
+    display: flex;
+}
+
+.import-resource-tree .import-resource-tree-filter {
+    display: flex;
+}
+
+.import-resource-tree .import-resource-tree-filter .input-group-addon {
+    background-color: #ebebeb;
+    padding: 0.5rem;
+}
+
+.import-resource-tree .import-resource-type-filter {
+    display: flex;
+}
+
+
+.import-status-info-popover {
+    max-width: 80vw;
+}
+.import-status-info-popover table {
+    width: max-content;
+}
+
+.import-status-info-popover .row {
+    border-top: 1px solid #ddd;
+}
+
+.import-status-info-popover .row .label {
+    width: max-content;
+    font-weight: bolder;
+}
+
+.bold-text {
+    font-weight: bolder;
+}
+
+.sorting {
+    padding-right: 20px;
+    background-size: 0.9em;
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'/%3E%3C/svg%3E") no-repeat right center;
+}
+
+.sorting_asc {
+    padding-right: 20px;
+    background-size: 1em;
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z'/%3E%3C/svg%3E") no-repeat right center;
+}
+
+.sorting_desc {
+    padding-right: 20px;
+    background-size: 1em;
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z'/%3E%3C/svg%3E") no-repeat right center;
+}

package/dist/css/import.css

@@ -4,7 +4,8 @@
     flex-flow: row wrap;
 }
 
-.upload-buttons div.btn {
+.upload-buttons .btn {
+    display: flex;
     height: 100%;
     max-height: 100px;
     white-space: normal;
@@ -12,8 +13,20 @@
     text-overflow: ellipsis;
 }
 
+/* Remove the padding from the large button and move it to the nested link below . This allows the click over the button
+   to work in the entire button area. */
+.upload-buttons .upload-rdf-files-btn {
+    padding: 0;
+}
+
+.upload-buttons .upload-rdf-files-btn > a {
+    width: 100%;
+    padding: 0.75em 1.2em;
+}
+
 .grid-container {
     display: flex;
+    align-items: center;
 }
 
 .text {
@@ -37,3 +50,25 @@
 .impex-popover pre {
     white-space: pre-wrap;
 }
+
+.file-size-prop,
+.server-import-directory-prop {
+    border-bottom: 1px dotted var(--secondary-color);
+}
+
+.copy-btn {
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+    padding: 0;
+    color: var(--secondary-color);
+}
+
+.copy-btn:hover {
+    transform: scale(1.1);
+    transition: all 0.1s ease-out;
+}
+
+.copy-btn:focus {
+    outline: none;
+}

package/dist/css/lib/ontotext-yasgui-web-component.css

@@ -325,6 +325,10 @@ yasgui-component .yasr_plugin_control label {
     margin-bottom: 0;
 }
 
+.run_query_confirmation {
+    margin-bottom: 20px;
+}
+
 yasgui-component .yasr_plugin_control label .label {
     margin-right: 5px;
 }

package/dist/css/ux-test1.css

@@ -0,0 +1,29 @@
+.grid-container {
+    display: flex;
+}
+
+.text {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+}
+
+.rdf-info-side-panel {
+    background: white;
+    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.3);
+    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.3);
+    /* force it because pageslide sets the top:0 property inline and we need to override it */
+    top: 45px !important;
+    /* adapt to view width but at least 300px, menu size ignored for all practical screen sizes */
+    max-width: max(300px, 25vw);
+}
+
+.rdf-info-side-panel-expanded {
+    /* adapt width according to available space but not more than 800px */
+    max-width: min(800px, 100% - var(--menu-width));
+}
+
+#ux-test-slider {
+    width: 50%;
+}