Do not break the line after each repository block

It only breaks the line when the content of the block is to large to fit
in one sigle line.

Co-authored-by: Dario Leidi <dleidi@suse.com>

src/api/app/assets/stylesheets/request_show_redesign/build_results.scss

@@ -1,29 +1,9 @@
 .build-result {
-  // One element per row
-  // The div width is 100% minus the sum of its margins: ml-2 + mr-2 = 0.5rem + 0.5rem = 1rem
-  width: calc(100% - 1rem);
+  width: 220px;
   border-left: thick solid $gray-300;
   cursor: help;
 
   &:hover {
     background-color: $gray-100;
   }
-
-  @include media-breakpoint-up(sm) {
-    // Up to 2 elements in a row
-    // The div width is 50% minus the sum of its margins: ml-2 + mr-5 = 0.5rem + 3rem = 3.5rem
-    width: calc(50% - 3.5rem);
-  }
-
-  @include media-breakpoint-up(lg) {
-    // Up to 4 elements in a row
-    // The div width is 25% minus the sum of its margins: ml-2 + mr-5 = 0.5rem + 3rem = 3.5rem
-    width: calc(25% - 3.5rem);
-  }
-
-  @include media-breakpoint-up(xxl) {
-    // Up to 5 elements in a row
-    // The div width is 20% minus the sum of its margins: ml-2 + mr-5 = 0.5rem + 3rem = 3.5rem
-    width: calc(20% - 3.5rem);
-  }
 }

src/api/app/components/build_result_for_architecture_component.html.haml

@@ -1,10 +1,10 @@
-.build-result.p-2.pl-3.my-2.my-sm-4.mx-2.mr-sm-5{ class: "#{status_border_color(result_code)}",
+.build-result.p-1.pl-3.p-sm-2.pl-sm-3.mx-2.mt-2{ class: "#{status_border_color(result_code)}",
                                             data: { placement: 'auto',
                                                     toggle: 'popover',
                                                     html: 'true',
                                                     content: help,
                                                     offset: 50 } }
-  .d-flex.align-items-baseline.mb-2
+  .d-flex.align-items-baseline.mb-sm-2
     %span.font-weight-bold
       = result.architecture
     .build-status.ml-3.d-inline.d-sm-none

src/api/app/views/webui/request/beta_show_tabs/_build_status.html.haml

@@ -10,12 +10,12 @@
     = package
   - if results.present?
     - results.group_by(&:repository).each_pair do |repository, results_per_repository|
-      .row.mb-4
-        .col-12
+      .float-left.mb-4
+        %div
           = link_to(word_break(repository, 22),
             package_binaries_path(project: project, package: package, repository: repository),
             title: "Binaries for #{repository}")
-        .col-12.results.d-flex.flex-wrap.p-2
+        .results.d-flex.flex-wrap
           - results_per_repository.sort_by! { |result| Buildresult::AVAIL_STATUS_VALUES[result.code.to_sym] }
           - results_per_repository.each do |result|
             = render BuildResultForArchitectureComponent.new(result, project, package)