diff --git a/backend/src/api/members/controllers/groups.controller.ts b/backend/src/api/members/controllers/groups.controller.ts
index ab93311c..0abb6d3c 100644
--- a/backend/src/api/members/controllers/groups.controller.ts
+++ b/backend/src/api/members/controllers/groups.controller.ts
@@ -8,35 +8,30 @@ import {
   Param,
   Post,
   Put,
+  Query,
   Req,
   UseGuards,
 } from "@nestjs/common";
 import { ApiResponse, ApiTags } from "@nestjs/swagger";
-import { InjectRepository } from "@nestjs/typeorm";
 import { Request } from "express";
 import { AcController, AcLinks, WithLinks } from "src/access-control/access-control-lib";
 import { UserGuard } from "src/auth/guards/user.guard";
-import { Group } from "src/models/members/entities/group.entity";
 import { GroupsRepository } from "src/models/members/repositories/groups.repository";
-import { Repository } from "typeorm";
 import { GroupCreateRoute, GroupDeleteRoute, GroupEditRoute, GroupListRoute, GroupReadRoute } from "../acl/groups.acl";
-import { CreateGroupBody, GroupResponse, UpdateGroupBody } from "../dto/group.dto";
+import { CreateGroupBody, GroupResponse, ListGroupsQuery, UpdateGroupBody } from "../dto/group.dto";
 
 @Controller("groups")
 @UseGuards(UserGuard)
 @AcController()
 @ApiTags("Members")
 export class GroupsController {
-  constructor(
-    private groupsService: GroupsRepository,
-    @InjectRepository(Group) private groupsRepository: Repository<Group>,
-  ) {}
+  constructor(private groups: GroupsRepository) {}
 
   @Get()
   @AcLinks(GroupListRoute)
   @ApiResponse({ type: WithLinks(GroupResponse), isArray: true })
-  async listGroups(@Req() req: Request) {
-    return this.groupsRepository.createQueryBuilder().where(GroupListRoute.canWhere(req)).getMany();
+  async listGroups(@Req() req: Request, @Query() query: ListGroupsQuery): Promise<GroupResponse[]> {
+    return this.groups.getGroups(query);
   }
 
   @Post()
@@ -44,14 +39,14 @@ export class GroupsController {
   @ApiResponse({ status: HttpStatus.CREATED, type: WithLinks(GroupResponse) })
   async createGroup(@Req() req: Request, @Body() groupData: CreateGroupBody) {
     GroupCreateRoute.canOrThrow(req, undefined);
-    return this.groupsService.createGroup(groupData);
+    return this.groups.createGroup(groupData);
   }
 
   @Get(":id")
   @AcLinks(GroupReadRoute)
   @ApiResponse({ type: WithLinks(GroupResponse) })
   async getGroup(@Param("id") id: number, @Req() req: Request) {
-    const group = await this.groupsService.getGroup(id);
+    const group = await this.groups.getGroup(id);
     if (!group) throw new NotFoundException();
 
     GroupReadRoute.canOrThrow(req, group);
@@ -63,22 +58,22 @@ export class GroupsController {
   @AcLinks(GroupEditRoute)
   @ApiResponse({ status: HttpStatus.OK })
   async updateGroup(@Param("id") id: number, @Req() req: Request, @Body() body: UpdateGroupBody) {
-    const group = await this.groupsService.getGroup(id);
+    const group = await this.groups.getGroup(id);
     if (!group) throw new NotFoundException();
 
     GroupEditRoute.canOrThrow(req, group);
 
-    await this.groupsService.updateGroup(id, req.body);
+    await this.groups.updateGroup(id, req.body);
   }
 
   @Delete(":id")
   @AcLinks(GroupDeleteRoute)
   async deleteGroup(@Param("id") id: number, @Req() req: Request): Promise<void> {
-    const group = await this.groupsService.getGroup(id);
+    const group = await this.groups.getGroup(id);
     if (!group) throw new NotFoundException();
 
     GroupDeleteRoute.canOrThrow(req, group);
 
-    await this.groupsService.deleteGroup(id);
+    await this.groups.deleteGroup(id);
   }
 }
diff --git a/backend/src/api/members/dto/group.dto.ts b/backend/src/api/members/dto/group.dto.ts
index fba02313..78d666a4 100644
--- a/backend/src/api/members/dto/group.dto.ts
+++ b/backend/src/api/members/dto/group.dto.ts
@@ -1,6 +1,7 @@
 import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
 import { IsOptional, IsString } from "class-validator";
 import { Group } from "src/models/members/entities/group.entity";
+import { EnsureBoolean } from "src/utilities/validation";
 
 export class GroupResponse implements Group {
   @ApiProperty() id!: number;
@@ -12,6 +13,10 @@ export class GroupResponse implements Group {
   @ApiPropertyOptional({ type: "string" }) deletedAt!: string | null;
 }
 
+export class ListGroupsQuery {
+  @ApiPropertyOptional() @EnsureBoolean() @IsOptional() active?: boolean;
+}
+
 export class CreateGroupBody implements Pick<Group, "shortName" | "name"> {
   @ApiProperty() @IsString() shortName!: string;
   @ApiPropertyOptional({ type: "string" }) @IsString() @IsOptional() name!: string | null;
diff --git a/backend/src/models/members/repositories/groups.repository.ts b/backend/src/models/members/repositories/groups.repository.ts
index c3096c9f..a9686e29 100644
--- a/backend/src/models/members/repositories/groups.repository.ts
+++ b/backend/src/models/members/repositories/groups.repository.ts
@@ -1,14 +1,21 @@
 import { Injectable } from "@nestjs/common";
 import { InjectRepository } from "@nestjs/typeorm";
-import { FindManyOptions, FindOneOptions, Repository } from "typeorm";
+import { FindOneOptions, Repository } from "typeorm";
 import { Group } from "../entities/group.entity";
 
+export interface GetGroupsOptions {
+  active?: boolean;
+}
+
 @Injectable()
 export class GroupsRepository {
   constructor(@InjectRepository(Group) private groupsRepository: Repository<Group>) {}
 
-  async getGroups(options?: FindManyOptions) {
-    return this.groupsRepository.find(options);
+  async getGroups(options: GetGroupsOptions = {}) {
+    return this.groupsRepository.find({
+      order: { shortName: "ASC" },
+      where: { active: options.active },
+    });
   }
 
   async getGroup(id: number, options?: FindOneOptions<Group>) {
diff --git a/frontend/src/app/api/sdk/api.ts b/frontend/src/app/api/sdk/api.ts
index 29726c05..a56f48a5 100644
--- a/frontend/src/app/api/sdk/api.ts
+++ b/frontend/src/app/api/sdk/api.ts
@@ -4,7 +4,7 @@
  * Bošán - Interní sekce
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
  *
- * The version of the OpenAPI document: v4.0.0-rc.7
+ * The version of the OpenAPI document: v4.0.0-rc.8
  * 
  *
  * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
@@ -6196,10 +6196,11 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
         },
         /**
          * 
+         * @param {boolean} [active] 
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        listGroups: async (options: AxiosRequestConfig = {}): Promise<RequestArgs> => {
+        listGroups: async (active?: boolean, options: AxiosRequestConfig = {}): Promise<RequestArgs> => {
             const localVarPath = `/groups`;
             // use dummy base URL string because the URL constructor only accepts absolute URLs.
             const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
@@ -6212,6 +6213,10 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
             const localVarHeaderParameter = {} as any;
             const localVarQueryParameter = {} as any;
 
+            if (active !== undefined) {
+                localVarQueryParameter['active'] = active;
+            }
+
 
     
             setSearchParams(localVarUrlObj, localVarQueryParameter);
@@ -6584,11 +6589,12 @@ export const MembersApiFp = function(configuration?: Configuration) {
         },
         /**
          * 
+         * @param {boolean} [active] 
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        async listGroups(options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<GroupResponseWithLinks>>> {
-            const localVarAxiosArgs = await localVarAxiosParamCreator.listGroups(options);
+        async listGroups(active?: boolean, options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<GroupResponseWithLinks>>> {
+            const localVarAxiosArgs = await localVarAxiosParamCreator.listGroups(active, options);
             return createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration);
         },
         /**
@@ -6771,11 +6777,12 @@ export const MembersApiFactory = function (configuration?: Configuration, basePa
         },
         /**
          * 
+         * @param {MembersApiListGroupsRequest} requestParameters Request parameters.
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        listGroups(options?: AxiosRequestConfig): AxiosPromise<Array<GroupResponseWithLinks>> {
-            return localVarFp.listGroups(options).then((request) => request(axios, basePath));
+        listGroups(requestParameters: MembersApiListGroupsRequest = {}, options?: AxiosRequestConfig): AxiosPromise<Array<GroupResponseWithLinks>> {
+            return localVarFp.listGroups(requestParameters.active, options).then((request) => request(axios, basePath));
         },
         /**
          * 
@@ -7103,6 +7110,34 @@ export interface MembersApiListContactsRequest {
 }
 
 
+/**
+ * Request parameters for listGroups operation in MembersApi.
+ * @export
+ * @interface MembersApiListGroupsRequest
+ */
+export interface MembersApiListGroupsRequest {
+    /**
+     * 
+     * @type {boolean}
+     * @memberof MembersApiListGroups
+     */
+    readonly active?: boolean
+}
+
+
+/**
+ * Query parameters for listGroups operation in MembersApi.
+ * @export
+ * @interface MembersApiListGroupsQueryParams
+ */
+export interface MembersApiListGroupsQueryParams {
+    /**
+     * 
+     * @type {boolean}
+     * @memberof MembersApiListGroups
+     */
+    active?: boolean
+}
 
 /**
  * Request parameters for listMembers operation in MembersApi.
@@ -7439,12 +7474,13 @@ export class MembersApi extends BaseAPI {
 
     /**
      * 
+     * @param {MembersApiListGroupsRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      * @memberof MembersApi
      */
-    public listGroups(options?: AxiosRequestConfig) {
-        return MembersApiFp(this.configuration).listGroups(options).then((request) => request(this.axios, this.basePath));
+    public listGroups(queryParams: MembersApiListGroupsQueryParams = {}, options?: AxiosRequestConfig) {
+        return MembersApiFp(this.configuration).listGroups(queryParams.active, options).then((request) => request(this.axios, this.basePath));
     }
 
     /**
diff --git a/frontend/src/app/api/sdk/base.ts b/frontend/src/app/api/sdk/base.ts
index 6d43cf47..e1a119dc 100644
--- a/frontend/src/app/api/sdk/base.ts
+++ b/frontend/src/app/api/sdk/base.ts
@@ -4,7 +4,7 @@
  * Bošán - Interní sekce
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
  *
- * The version of the OpenAPI document: v4.0.0-rc.7
+ * The version of the OpenAPI document: v4.0.0-rc.8
  * 
  *
  * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
diff --git a/frontend/src/app/api/sdk/common.ts b/frontend/src/app/api/sdk/common.ts
index 21ddf752..3a2f9259 100644
--- a/frontend/src/app/api/sdk/common.ts
+++ b/frontend/src/app/api/sdk/common.ts
@@ -4,7 +4,7 @@
  * Bošán - Interní sekce
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
  *
- * The version of the OpenAPI document: v4.0.0-rc.7
+ * The version of the OpenAPI document: v4.0.0-rc.8
  * 
  *
  * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
diff --git a/frontend/src/app/api/sdk/configuration.ts b/frontend/src/app/api/sdk/configuration.ts
index 1ea371a1..b339f789 100644
--- a/frontend/src/app/api/sdk/configuration.ts
+++ b/frontend/src/app/api/sdk/configuration.ts
@@ -4,7 +4,7 @@
  * Bošán - Interní sekce
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
  *
- * The version of the OpenAPI document: v4.0.0-rc.7
+ * The version of the OpenAPI document: v4.0.0-rc.8
  * 
  *
  * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
diff --git a/frontend/src/app/api/sdk/index.ts b/frontend/src/app/api/sdk/index.ts
index 4a5f058e..55b4487c 100644
--- a/frontend/src/app/api/sdk/index.ts
+++ b/frontend/src/app/api/sdk/index.ts
@@ -4,7 +4,7 @@
  * Bošán - Interní sekce
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
  *
- * The version of the OpenAPI document: v4.0.0-rc.7
+ * The version of the OpenAPI document: v4.0.0-rc.8
  * 
  *
  * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
diff --git a/frontend/src/app/modules/members/components/member-info/member-info.component.html b/frontend/src/app/modules/members/components/member-info/member-info.component.html
index 07008d39..8afe1b0c 100644
--- a/frontend/src/app/modules/members/components/member-info/member-info.component.html
+++ b/frontend/src/app/modules/members/components/member-info/member-info.component.html
@@ -1,38 +1,48 @@
-<h4>Základní informace</h4>
+<h4 class="d-flex justify-content-between">
+  Základní informace
+  <bo-edit-button slot="end" (click)="openBasicInfoForm()" class="float-end">Upravit</bo-edit-button>
+</h4>
 <ion-list *ngIf="member" class="selectable">
-  <ion-item [button]="true" [detail]="false">
+  <ion-item>
     <ion-label>Jméno:</ion-label>
     <ion-label>{{ member.firstName || "-" }} {{ member.lastName || "-" }}</ion-label>
-    <bo-edit-button slot="end"></bo-edit-button>
+    <bo-copy-button slot="end" [text]="member.firstName + ' ' + member.lastName"></bo-copy-button>
   </ion-item>
 
-  <ion-item [button]="true" [detail]="false">
+  <ion-item>
     <ion-label>Přezdívka:</ion-label>
     <ion-label>{{ member.nickname || "-" }}</ion-label>
-    <bo-edit-button slot="end"></bo-edit-button>
+    <bo-copy-button slot="end" [text]="member.nickname"></bo-copy-button>
   </ion-item>
 
-  <ion-item [button]="true" [detail]="false">
+  <ion-item>
     <ion-label>Datum narození:</ion-label>
     <ion-label>{{ member.birthday ? (member.birthday | date: "d. M. y") : "-" }}</ion-label>
-    <bo-edit-button slot="end"></bo-edit-button>
+    <bo-copy-button slot="end" [text]="member.birthday | date: 'd. M. y'"></bo-copy-button>
   </ion-item>
 </ion-list>
 
 <h4 class="mt-4">Členství ve skupině</h4>
 <ion-list *ngIf="member" class="selectable">
-  <ion-item [button]="true" [detail]="false">
-    <ion-label>Aktivní člen:</ion-label>
+  <ion-item>
+    <ion-label>Aktivní:</ion-label>
     <ion-label>{{ member.active === undefined ? "-" : member.active ? "Ano" : "Ne" }}</ion-label>
-    <bo-edit-button slot="end"></bo-edit-button>
+    <bo-edit-button slot="end" (click)="openMembershipChangeForm()"></bo-edit-button>
   </ion-item>
 
-  <ion-item [button]="true" [detail]="false">
+  <ion-item>
+    <ion-label>Role:</ion-label>
+
+    <ion-label>{{ member | member: "role" || "-" }}</ion-label>
+    <bo-edit-button slot="end" (click)="openRoleChangeForm()"></bo-edit-button>
+  </ion-item>
+
+  <ion-item>
     <ion-label>Oddíl</ion-label>
     <ion-label>
       <bo-group-badge [groupId]="member.groupId"></bo-group-badge>
     </ion-label>
-    <bo-edit-button slot="end"></bo-edit-button>
+    <bo-edit-button slot="end" (click)="openGroupChangeForm()"></bo-edit-button>
   </ion-item>
 
   <!-- <ion-item [button]="true" [detail]="false">
diff --git a/frontend/src/app/modules/members/components/member-info/member-info.component.ts b/frontend/src/app/modules/members/components/member-info/member-info.component.ts
index 9e9a5a81..5aed49d3 100644
--- a/frontend/src/app/modules/members/components/member-info/member-info.component.ts
+++ b/frontend/src/app/modules/members/components/member-info/member-info.component.ts
@@ -1,6 +1,9 @@
 import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { AlertController, AlertInput } from "@ionic/angular";
 import { UntilDestroy } from "@ngneat/until-destroy";
 import { MemberResponse, MemberResponseWithLinks } from "src/app/api";
+import { MemberRoles } from "src/app/config/member-roles";
+import { ApiService } from "src/app/services/api.service";
 
 @UntilDestroy()
 @Component({
@@ -12,7 +15,143 @@ export class MemberInfoComponent implements OnInit {
   @Input() member?: MemberResponseWithLinks | null;
   @Output() update = new EventEmitter<Partial<MemberResponse>>();
 
-  constructor() {}
+  constructor(
+    private alertController: AlertController,
+    private api: ApiService,
+  ) {}
 
   ngOnInit(): void {}
+
+  async openBasicInfoForm() {
+    const alert = await this.alertController.create({
+      header: "Upravit základní informace",
+      inputs: [
+        {
+          name: "firstName",
+          type: "text",
+          placeholder: "Jméno",
+          value: this.member?.firstName,
+        },
+        {
+          name: "lastName",
+          type: "text",
+          placeholder: "Příjmení",
+          value: this.member?.lastName,
+        },
+        {
+          name: "nickname",
+          type: "text",
+          placeholder: "Přezdívka",
+          value: this.member?.nickname,
+        },
+        {
+          name: "phone",
+          type: "date",
+          placeholder: "Datum narození",
+          value: this.member?.birthday,
+        },
+      ],
+      buttons: [
+        {
+          text: "Zrušit",
+          role: "cancel",
+        },
+        {
+          text: "Uložit",
+          handler: async (data) => this.update.emit(data),
+        },
+      ],
+    });
+
+    await alert.present();
+  }
+
+  async openMembershipChangeForm() {
+    const alert = await this.alertController.create({
+      header: "Změnit členství",
+      inputs: [
+        {
+          name: "active",
+          type: "radio",
+          label: "Aktivní",
+          value: true,
+          checked: this.member?.active,
+        },
+        {
+          name: "active",
+          type: "radio",
+          label: "Neaktivní",
+          value: false,
+          checked: !this.member?.active,
+        },
+      ],
+      buttons: [
+        {
+          text: "Zrušit",
+          role: "cancel",
+        },
+        {
+          text: "Uložit",
+          handler: async (data) => this.update.emit(data),
+        },
+      ],
+    });
+
+    await alert.present();
+  }
+
+  async openRoleChangeForm() {
+    const alert = await this.alertController.create({
+      header: "Změnit roli",
+      inputs: Object.entries(MemberRoles).map(([id, role]) => ({
+        name: "role",
+        type: "radio",
+        label: role.title,
+        value: id,
+        checked: this.member?.role === id,
+      })),
+      buttons: [
+        {
+          text: "Zrušit",
+          role: "cancel",
+        },
+        {
+          text: "Uložit",
+          handler: async (data) => this.update.emit(data),
+        },
+      ],
+    });
+
+    await alert.present();
+  }
+
+  async openGroupChangeForm() {
+    const groups = await this.api.members.listGroups({ active: true }).then((res) => res.data);
+    groups.sort((a, b) => a.shortName.localeCompare(b.shortName, "cs", { numeric: true }));
+
+    const inputs: AlertInput[] = groups.map((g) => ({
+      name: "groupId",
+      type: "radio",
+      value: g.id,
+      label: g.name,
+      checked: this.member?.groupId === g.id,
+    }));
+
+    const alert = await this.alertController.create({
+      header: "Změnit skupinu",
+      inputs,
+      buttons: [
+        {
+          text: "Zrušit",
+          role: "cancel",
+        },
+        {
+          text: "Uložit",
+          handler: async (data) => this.update.emit({ groupId: data }),
+        },
+      ],
+    });
+
+    await alert.present();
+  }
 }
diff --git a/frontend/src/app/shared/components/copy-button/copy-button.component.ts b/frontend/src/app/shared/components/copy-button/copy-button.component.ts
index 29368ec0..73042566 100644
--- a/frontend/src/app/shared/components/copy-button/copy-button.component.ts
+++ b/frontend/src/app/shared/components/copy-button/copy-button.component.ts
@@ -7,7 +7,7 @@ import { ToastService } from "src/app/services/toast.service";
   styleUrl: "./copy-button.component.scss",
 })
 export class CopyButtonComponent {
-  @Input() text?: string;
+  @Input() text?: string | null;
 
   constructor(private toastService: ToastService) {}
 
diff --git a/frontend/src/app/shared/pipes/member.pipe.ts b/frontend/src/app/shared/pipes/member.pipe.ts
index 0445ce90..d733e76b 100644
--- a/frontend/src/app/shared/pipes/member.pipe.ts
+++ b/frontend/src/app/shared/pipes/member.pipe.ts
@@ -1,6 +1,7 @@
 import { Pipe, PipeTransform } from "@angular/core";
 import { DateTime } from "luxon";
 import { MemberResponse } from "src/app/api";
+import { MemberRoles } from "src/app/config/member-roles";
 import { MembershipStates } from "src/app/config/membership-states";
 
 @Pipe({
@@ -26,6 +27,9 @@ export class MemberPipe implements PipeTransform {
       case "membership":
         return MembershipStates[member.membership].title;
 
+      case "role":
+        return MemberRoles[member.role]?.title || member.role;
+
       case "initials":
         return member ? this.getInitials(member) : "";
     }