diff --git a/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.css b/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.css index 39d6b8a8..919835d3 100644 --- a/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.css +++ b/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.css @@ -82,12 +82,6 @@ fieldset.anchor-end span.anchor-end img { position: relative; width: 100%; } -span.regexp, span.ipa, span.numeric { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - align-items: center; -} div.match { display: flex; flex-direction: row; @@ -97,30 +91,52 @@ div.match { } div.match > span { flex-grow: 1; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; +} +.left-container.number { + flex-basis: 50% +} +.right-container.number { + flex-basis: 50% +} +.number > input { + flex-grow: 1; +} +.left-container.regexp { + flex-basis: 40% +} +.right-container.regexp { + flex-basis: 60% +} +.not { + flex-grow: 1; +} +span.match { + flex-grow: 1; } div.match > .target.segment { flex-grow: revert; } -span.help lib-button { +span.help lib-button, .add-match lib-button { position: relative; left: 10px; } - +.add-match { + display: flex; + flex-direction: column; +} .target img { vertical-align: middle; height: 10pt; } -.segment.target img { - vertical-align: bottom; - height: 10pt; -} .deselected { opacity: 0.33; } -span.not { width: 40%; } span.not select { width: 100%; } -span.match { width: 60%; } input.numeric { width: 45%; } .adj { diff --git a/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.html b/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.html index 271269c1..ec8bb1a4 100644 --- a/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.html +++ b/user-interface/src/main/angular/projects/labbcat-view/src/app/search-matrix/search-matrix.component.html @@ -42,20 +42,17 @@ >
- - 🎯 - - - - + + + + 🎯 + + + < +
+ + +
- - +
+ + + + 🎯 + + + - + + @@ -117,68 +152,23 @@ [layer]="schema.layers[layerId]" (symbolSelected)="appendToPattern(match, $event, 'regexp-'+c+'-'+layerId+'-'+m)"> - - - - - - - - - - - +
- - + icon="âž•" img="add.svg" + (press)="addMatch(column, layerId)"> + +
- -
+
- -
- - -