diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html index 1613b7e5beb3f38869c74e72515ccac9c10c0325..21e568136cbe4b3cfbf1f3712aae4b194adf789d 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html @@ -30,13 +30,13 @@ <div class="initial-date" data-test-id="created-at">{{ vorgangWithEingang.createdAt | date : 'EEEE, d. LLLL y, H:mm'}}</div> +<alfa-vorgang-nummer class="vorgang-nummer big" [vorgang]="vorgangWithEingang"></alfa-vorgang-nummer> + <div class="aktenzeichen"> <mat-icon svgIcon="az"></mat-icon> <alfa-aktenzeichen-editable class="aktenzeichen-editable" [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable> </div> -<alfa-vorgang-nummer class="vorgang-nummer big" [vorgang]="vorgangWithEingang"></alfa-vorgang-nummer> - <h2 data-test-id="name" class="name">{{ vorgangWithEingang.name }}</h2> <alfa-user-profile-in-vorgang-container *ngIf="vorgangWithEingang | hasLink: linkRel.ASSIGN" data-test-id="vorgang-header-user-icon" diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss index 42aebc398293ab23392f334822f8a6fc8fa32e09..f11dc5a3b0ec0099ee2aac3e074a2dc371175ab7 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss @@ -33,16 +33,16 @@ grid-template-columns: 8% 80% 12%; grid-template-areas: "status-dot status-text initial-date" - ". aktenzeichen aktenzeichen" ". vorgang-nummer vorgang-nummer" + ". aktenzeichen aktenzeichen" ". name user"; @include media('>desktop') { grid-template-columns: 5% 20% 52% 23%; grid-template-areas: "status-dot status-text name initial-date" - ". aktenzeichen aktenzeichen aktenzeichen" - ". vorgang-nummer vorgang-nummer user"; + ". vorgang-nummer vorgang-nummer vorgang-nummer" + ". aktenzeichen aktenzeichen user"; .name { margin-right: 5rem; @@ -59,7 +59,7 @@ grid-template-columns: 4% 13% 34% 34% 15%; grid-template-areas: "status-dot status-text name name initial-date" - ". aktenzeichen aktenzeichen vorgang-nummer user"; + ". vorgang-nummer vorgang-nummer aktenzeichen user"; .aktenzeichen, .vorgang-nummer, .user { align-self: center; @@ -124,6 +124,7 @@ mat-icon { .vorgang-nummer { grid-area: vorgang-nummer; + margin-left: -2px; } .name { diff --git a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html b/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html index 860374bb3078ebbf41ace4d6763afde0250908b8..a3550647c7bd0fa071ca29f7ea3794a53a171992 100644 --- a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html +++ b/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html @@ -30,12 +30,12 @@ <span data-test-id="preview-list-item-created-at">{{ vorgang.createdAt | formatToPrettyDate }}</span> </div> </div> +<div class="line full-width"> + <alfa-vorgang-nummer [vorgang]="vorgang"></alfa-vorgang-nummer> +</div> <div class="line full-width"> <div class="aktenzeichen" data-test-id="preview-list-item-vorgang-aktenzeichen"> <mat-icon svgIcon="az"></mat-icon> <span alfa-aktenzeichen [vorgang]="vorgang"></span> </div> -</div> -<div class="line full-width"> - <alfa-vorgang-nummer [vorgang]="vorgang"></alfa-vorgang-nummer> </div> \ No newline at end of file diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.html b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.html index 0f367da8886615808c22aceab48e7316113dc6a5..3c7d3096c197d259cd7bbb915d254a9d9c9e0247 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.html +++ b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.html @@ -41,11 +41,6 @@ class="postfach-icon"> </ozgcloud-postfach-icon> - <div class="aktenzeichen"> - <mat-icon svgIcon="az"></mat-icon> - <span class="ellipsis" alfa-aktenzeichen [vorgang]="vorgang"></span> - </div> - <alfa-vorgang-created-at class="eingang" [vorgang]="vorgang"></alfa-vorgang-created-at> <div class="name"> @@ -54,6 +49,11 @@ <alfa-vorgang-nummer class="vorgang-nummer" [vorgang]="vorgang"></alfa-vorgang-nummer> + <div class="aktenzeichen"> + <mat-icon svgIcon="az"></mat-icon> + <span class="ellipsis" alfa-aktenzeichen [vorgang]="vorgang"></span> + </div> + <alfa-vorgang-next-frist-button *ngIf="vorgang | hasLink: vorgangLinkRel.WIEDERVORLAGEN" [vorgang]="vorgang" class="wiedervorlagen"></alfa-vorgang-next-frist-button> diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss index 8e4c58375615c99fe1b7563db6e976983305c646..a2039b4fb2ea81ca773c7ec973304bbb4c108c10 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss +++ b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.scss @@ -31,7 +31,7 @@ grid-template-areas: "status postfach-icon wiedervorlagen eingang" "name name name name" - "aktenzeichen aktenzeichen vorgang-nummer user-icon"; + "vorgang-nummer vorgang-nummer aktenzeichen user-icon"; row-gap: 8px; align-items: center; padding: 16px 24px; @@ -78,8 +78,8 @@ @include media('>desktop') { grid-template-columns: 23% 25% 30% 12% 10%; grid-template-areas: - "status postfach-icon aktenzeichen eingang user-icon" - "name name vorgang-nummer wiedervorlagen user-icon"; + "status postfach-icon vorgang-nummer eingang user-icon" + "name name aktenzeichen wiedervorlagen user-icon"; padding: 16px 24px; .eingang { @@ -90,7 +90,7 @@ @include media('>xxlDesktop') { grid-template-columns: 15% 8% 16% 16% 20% 10% 12% 3%; grid-template-areas: - "status postfach-icon aktenzeichen vorgang-nummer name wiedervorlagen eingang user-icon"; + "status postfach-icon name vorgang-nummer aktenzeichen wiedervorlagen eingang user-icon"; .name { margin-right: 24px;