diff --git a/src/app/static/stylesheet.css b/src/app/static/stylesheet.css index ab43feb..e3710c2 100644 --- a/src/app/static/stylesheet.css +++ b/src/app/static/stylesheet.css @@ -11,11 +11,17 @@ body { .projects { display: flex; /* or inline-flex */ - flex-direction: row; + flex-wrap: wrap; } .projects * { margin: auto; + min-width: 100px; + margin-top: 5px; +} + +.projects div { + border: 1px solid gray; } .categories { @@ -78,5 +84,12 @@ nav ul { } .user_projects_category { - border: 1px solid black; -} \ No newline at end of file + border: 1px solid gray; + padding: 5px; + background-color: lightslategray; + cursor: pointer; + margin: 2px; +} +.user_projects_category:hover { + background-color: lightskyblue; +} diff --git a/src/app/templates/index.html b/src/app/templates/index.html index a230682..5c02157 100644 --- a/src/app/templates/index.html +++ b/src/app/templates/index.html @@ -1,4 +1,4 @@ -$def with (nav, project_bulk_one, project_bulk_two, projects) +$def with (nav, project_bulk_one, project_bulk_two, projects, categories)
$project[4]
Description: $project[4]
Category: $categories[project[1]-1][1]
$project[4]
Description: $project[4]
Category: $categories[project[1]-1][1]