fix styles for mobile

userXinos · Jan 4, 2024 · 532a939 · 532a939
1 parent d27a226
commit 532a939
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/pages/ShipBuild.vue b/src/pages/ShipBuild.vue
@@ -412,6 +412,7 @@ $byArtifactType: ('Trade', 'Mining', 'Weapon', 'Shield', 'Support', 'Drone');
  margin: 0 2%;
 }
 .buttons {
+ margin-top: 2%;
  display: flex;
  gap: 10px;
  justify-content: end;
@@ -478,17 +479,18 @@ $byArtifactType: ('Trade', 'Mining', 'Weapon', 'Shield', 'Support', 'Drone');
  padding-top: 1px;
 
  @media screen and (max-width: 960px){
- font-size: 100%;
- width: 20px;
- height: 20px;
- top: 50%;
+ right: -10%;
+ width: 15px;
+ height: 13px;
+ top: 60%;
  }
  }
  }
  }
  }
  .icon {
  flex: 1;
+ padding: 5px;
  transform: rotate(-45deg);
  }
  }