Плевок сюда, потому что я не знаю твоих ограничений.

Вы могли бы ввести некоторые значки (может быть, даже что бы добавить цвет на кнопку, здесь тоже. Вы также можете избавиться от всех кнопок и использовать увеличительное стекло.).

Или вы можете отбросить цвет на кнопках и добавить его при наведении или активном (наведение должно быть проблемой только с сенсорными устройствами, пальцем на экране).

РЕДАКТИРОВАТЬ:

Если вы хотите добавить значок, который будет открывать меню опций, я бы использовал этот значок (моя единственная проблема заключается в том, что люди МОГУТ принять его за систему перетаскивания, учитывая тот факт, что это список. Но независимо от этого значка используется для ящиков и раскрывающихся списков в мобильных и настольных компьютерах).

Рекомендую использовать раскрывающийся список, но на ваше усмотрение.

Вы также можете использовать направленную вниз «стрелку» или треугольник, обращенный вниз.

Возможно, вы могли бы поместить небольшой раскрывающийся список в конце каждой записи, который разворачивает ее в полный вид при нажатии на нее (аналогично сворачиванию/разворачиванию). Кнопки редактирования и удаления могут быть затем добавлены к этому расширенному представлению каждого элемента.

Тут много вариантов. Что работает лучше всего, будет зависеть от ваших конкретных пользователей. Если цель состоит в том, чтобы просто свести к минимуму визуальный беспорядок, то я бы предложил следующее:

Статический вид:

----------------------------------------------------

Your Snippet

----------------------------------------------------

Your Snippet

----------------------------------------------------

Your Snippet

----------------------------------------------------

При наведении на элемент (в данном случае на второй:

----------------------------------------------------

Your Snippet

----------------------------------------------------

Your Snippet                       / Edit   X Delete
------------                       ------   --------
----------------------------------------------------

Your Snippet

----------------------------------------------------

Конечно, это будет работать только для несенсорного устройства. Если цель состоит в том, чтобы также поддерживать сенсорные устройства (что является хорошей целью), то вы не хотите полностью полагаться на наведение. Что-то рассмотреть.

Еще один вариант, который следует рассмотреть, заключается в том, насколько важно, чтобы все эти параметры всегда отображались на этой странице. Нужно ли людям много редактировать и удалять с этого экрана? Если нет, возможно, вместо этого переместите EDIT и DELETE на страницу VIEW.

Это очень распространенная проблема, которая обычно решается "МАССОВЫМИ ДЕЙСТВИЯМИ" - вы предоставляете пользователю радио-кнопки и только одну строку массовых действий, посмотрите на картинку - после того, как пользователь выбрал сниппеты, он нажимает желаемые действия. Вы также должны предоставить возможность массового действия параметров просмотра.

Другой вариант

Вот макет полного раскрывающегося списка, упомянутого в комментарии ниже. (Исходный макет кнопки был удален.) Поскольку раскрывающийся список в этом примере занимает большую площадь, он может содержать 3 кнопки, а также дополнительную информацию. Его можно оформить соответствующим образом (цвета, кнопки, стили, выравнивание...), но хитрость в том, чтобы не позволить большому выпадающему меню перекрывать значки выпадающих кнопок другого заголовка.

Для раскрывающегося значка обычно используется квадрат с 3 горизонтальными линиями, но треугольник вниз тоже подойдет. Какую технологию использовать для выпадающего списка — это длинная тема. Решения включают использование JavaScript, jQuery или CSS. Если вас не беспокоят пользователи, у которых отключен JavaScript, возможно, вам подойдет jQuery или JavaScript. Вот пример jQuery: https://coderwall.com/p/3uwgga .