From 8d7552609b586f299af66207c07b2a53eb91fc19 Mon Sep 17 00:00:00 2001
From: Cucumberrbob <128094686+Cucumberrbob@users.noreply.github.com>
Date: Fri, 28 Feb 2025 13:06:41 +0000
Subject: [PATCH] replace `@angular/flex-layout` in `torrent-table.component`

Use `class="flex-container"` as in `torrent.component`
---
 .../app/torrent-table/torrent-table.component.html    |  2 +-
 .../app/torrent-table/torrent-table.component.scss    | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/app/torrent-table/torrent-table.component.html b/client/src/app/torrent-table/torrent-table.component.html
index f7e6bf7..23fe27d 100644
--- a/client/src/app/torrent-table/torrent-table.component.html
+++ b/client/src/app/torrent-table/torrent-table.component.html
@@ -64,7 +64,7 @@
     </tbody>
   </table>
 
-  <div fxLayout.lt-lg="column" fxLayout.gt-sm="row" fxLayoutGap="20px">
+  <div class="flex-container">
     <button
       class="button is-danger"
       (click)="showDeleteModal()"
diff --git a/client/src/app/torrent-table/torrent-table.component.scss b/client/src/app/torrent-table/torrent-table.component.scss
index 41c6f23..eef3175 100644
--- a/client/src/app/torrent-table/torrent-table.component.scss
+++ b/client/src/app/torrent-table/torrent-table.component.scss
@@ -3,3 +3,14 @@ table {
     cursor: pointer;
   }
 }
+
+.flex-container {
+  display: flex;
+  flex: 1 1 0;
+  gap: 20px;
+  flex-direction: row;
+
+  @media screen and (max-width: 1279px) {
+    flex-direction: column;
+  }
+}