diff --git a/assets/css/patch.css b/assets/css/patch.css index 4c1672d..6804286 100644 --- a/assets/css/patch.css +++ b/assets/css/patch.css @@ -14,12 +14,38 @@ .samples li { display: flex; width: 100%; + font-size: 32px; + padding: 8px; +} + +.samples li > * { + flex-shrink: 0; +} +.samples li:nth-child(even) { + background:#efefef; + } + +.samples li button{ + background-color: white; + border: 1px solid currentColor; + padding: 4px; + width: 32px; + height: 32px; + display: inline-block; +} + +.samples li button svg{ + width: 100%; + height: 100%; } .download { margin-left: auto; + margin-right: 16px; } .samples .description { - margin: 0; -} \ No newline at end of file + margin: 0 8px; + flex-shrink: 1; + +} diff --git a/patch.html b/patch.html index 2ec7fe5..e58c647 100644 --- a/patch.html +++ b/patch.html @@ -16,27 +16,11 @@ /
Descriptiondd
+Description skjdflkajsdkfLabore aliqua ut sit consequat veniam ut do ad nulla.Ad labore mollit ut cillum cillum est. In ex nostrud esse sit fugiat elit qui. Enim do laboris irure in sint deserunt irure culpa ad officia eu est non. Officia reprehenderit labore excepteur non. Exercitation aliqua commodo exercitation quis deserunt exercitation esse eiusmod excepteur sint consectetur fugiat nisi dolore. Eiusmod adipisicing aliqua veniam eu ullamco anim duis labore commodo cupidatat voluptate nisi mollit. Tempor fugiat in enim culpa ut veniam veniam.
+ + +Description
+ + +Description
+ + +Description
+ + +Description